Questions tagged [html5boilerplate]
A professional HTML5/CSS/JS front-end template that helps you build fast, robust, adaptable, and future-proof websites.
340
questions
-1
votes
0
answers
17
views
how can i set a new boiler plate for html in VScode?
whenever I create a new document and use the boiler plate shortcut I end up having to change some lines of it, so my question is:
Is it possible to create a new boiler plate with just the information ...
1
vote
1
answer
31
views
How can I save my own html boilerplate for future use shortcut?
I know we have this '!' shortcut so as to automatically fill in a standard html boilerplate.
But I want to add one line to it() and save this form for future use - how to do that?
0
votes
1
answer
161
views
Atom creating double angle brackets
Why does my Atom makes double brackets when I enter auto input on, I have installed packages for Atom.
double brackets
1
vote
4
answers
9k
views
The Boilerplate code is not completing automatically in VScode
Earlier, the boilerplate code got automatically completed after writing <DOCTYPE html>, but now it's not working and I've to write the boiler plate code myself every-time.
I've tried:
Using ...
2
votes
0
answers
303
views
How to add require() in HTML5 Boilerplate
I am trying to add require() in HTML5 boilerplate but it doesn't work.
I get error - Uncaught ReferenceError: require is not defined in browser console.
I did npm i require, then -
.eslintrc.js
...
0
votes
1
answer
369
views
I did npm install html5-boilerplate, what does means in README.md 'pull'?
1. Summarize the problem
With this project: html5-boilerplate, is there a README or getting started guide anywhere?
I did: $npm install html5-boilerplate and setup an IDE project, at this point how ...
0
votes
1
answer
330
views
html5 boilerplate custom template
Good evening, I'm using the html5 boilerplate for the first time. After I downloaded the zip and I have two questions. First is: Can I delete the files that doesn't necessary for my website?. The ...
0
votes
1
answer
659
views
How to get npm lite server serve full content of my webpage?
I installed html5-boilerplate and the lite-server modules using npm install html5-boilerplate --save-dev and npm install lite-server --save-dev respectively.
I had to copy index.html from the ...
1
vote
1
answer
356
views
when using double buffering to draw image on canvas, cannot get the complete image?
this is my code, i use two canvas to drawimage to avoid flickering, but i cant get the full image when use this way, anyone can help please?
if i only use one canvas the image display fine, it seems ...
0
votes
1
answer
803
views
.htaccess file in Jekyll blog
I am trying to resolve the "leverage browser caching" warning for my jekyll blog. I have consulted the HTML5 boilerplate github and cloned the project. I then copied over the .htaccess file into the ...
0
votes
1
answer
295
views
html5boilerplate site for both desktop and mobile browsers
I've created a very simple site which has a nav bar and a set of static pages. I did this using html5boilerplate as a starting point and then added my pages in. It looks great on desktop browsers!
...
-1
votes
1
answer
680
views
Why does HTML5 Boilerplate need jQuery? What does it do?
I am working on improving my CSS skills. For a new personal practice project, instead of a larger front-end framework, I decided to go with HTML5 Boilerplate.
I see in the project website and the ...
13
votes
2
answers
7k
views
How high in the <head> section can you safely put the Google Tag Manager code?
Google Tag Manager instructs developers to:
Paste this code [THE TRACKING CODE] as high in the <head> of the page
as possible:
<!-- Google Tag Manager -->
<script>(...
0
votes
2
answers
335
views
I do not need support for older browser then IE11 do I need modernizr?
I have came to know about H5BP and modernizr. now I have developed website which is made in flexbox and I do not want support for older browser then IE11. (coz I do not care for IE 6 to 10).
now I ...
0
votes
1
answer
309
views
why html5boilerplate is stuck to V5.3.0 with old version of all Bootstrap, normalize & modernizr?
I just noticed that when I download html5boilerplate V5.3.0 it comes with
Bootstrap v3.3.1 (but Bootstrap v3.3.7 is available)
normalize.css v3.0.2 (but normalize.css 7.0.0 is available)
modernizr 2....
1
vote
3
answers
329
views
Why is the input taking up 2 spaces?
I have a problem with my input.
As you can see, my input is taking up too much space. It doesn't have margin or padding.
Here's my code (I am using Boilerplate v5.3.0).
How can I fix it so it just ...
0
votes
1
answer
158
views
Leveraging browser cache in boilerplate
I've used a boilerplate to create a website and I've tested it on https://testmysite.thinkwithgoogle.com/ and it said I have to leverage my browser cache. After doing some research, it says I have to ...
0
votes
1
answer
821
views
How to install HTML 5 Boilerplate?
I'm a total newb to Wordpress. How do I install the HTML 5 Boilerplate? I take it it's not a theme? Because I get an error uploading as there is no style.css. I don't see any documentation where it ...
0
votes
1
answer
401
views
html5 boilerplate: how to add third-party js?
I am not a web developer, and though I believe this question must have a simple answer, I couldn't find it in the documentation, nor online.
I'll use html5 boilerplate to create a very simple app.
I ...
1
vote
1
answer
2k
views
ASP.NET MVC HTML5 Boilerplate - Content Security Policy is killing all external scripts, even “whitelisted” ones
Current Project:
ASP.NET 4.5.2
MVC 5
HTML5 Boilerplate
Google ReCaptcha (any NuGet package, take your pick, I’ve already churned through three of them)
So it appears that anything from outside the ...
-1
votes
1
answer
1k
views
How to write a responsive semantic HTML5 page ? (With a framework ?)
So I'm trying to build a nice page for a blog, but the challenge is I want it to be the most proper HTML5 compliant and mobile/seo friendly.
I have made what I believe to be a proper HTML5 page that ...
4
votes
1
answer
3k
views
How to call bootstrap's jQuery plugins in ES6
I'm stuck trying to call the bootstrap's jQuery plugins, like popover, tooltip, modals, ...
I'm using webpack and this is my ES6 javascript:
import $ from 'jquery';
//import Bootstrap from '...
0
votes
2
answers
2k
views
HTML5 boilerplate
A few days ago I learnt about HTML5 boilerplates so I'm fairly a novice. I'm trying to experiment with boilerplates so I went ahead and downloaded this boilerplate
But I'm confused between the ...
1
vote
1
answer
93
views
JQuery UI: Accordion is not a functon
ANSWER:
It turns out that that at the bottom of the HTML generated by HTML5 boileplate there is a call to the CDN for JQuery, so it unloaded JQuery UI.
I've got a HTML5 Boilerplate project that ...
1
vote
0
answers
37
views
H5BP Ant-contrib 1.1.1 not working
When I update to ant build script V1.1.1 in a known successful v1.0 file, the script runs through to "BUILD SUCCESSFUL", but the publish directory is incorrect. CSS appears to be compressed OK. Main....
0
votes
1
answer
943
views
Why `mod_headers` cannot match based on the content-type?
I can't get my mind wrapped around the comments and way of coding, to set a header only for .html in for example the .htaccess file in html5 boilerplate.
The clue for a big codeblock lays in the fact ...
-1
votes
2
answers
352
views
CDN link for main.min.css of Boilerplate v5.2.0
I've not found any CDN link for main.min.css of Boilerplate.
Am I missing something? Can anyone help me to get that CDN link?
Thank you!
1
vote
1
answer
2k
views
Can't redirect https for http
Some versions of Chrome automatically add https to my site addres. So I need to redirect https to http, because I don't have SSL certificate. I'm trying this, with no result:
<IfModule mod_rewrite....
0
votes
0
answers
31
views
H5BP Ant Build Script Not updating the cachebusted file names
I have a H5BP (5.2.0) and Ant-build-script (1.18) which is working perfectly except for:
The published html does not update the module directory with the cache busted name; e.g., in source pages ...
-2
votes
1
answer
99
views
Chrome doesn't respect the "visuallyhidden" class on tables
The visuallyhidden class, used by HTML5 Boilerplate, doesn't completely hide <table>s in Chrome.
.visuallyhidden
{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
...
5
votes
2
answers
2k
views
Google Map canvas is getting blank when printing (Ctrl + P)
I'm trying to print the google map canvas that is inside a bootstrap panel just like below:
<div class="panel panel-default">
<div class="panel-body">
<div id="map">...&...
0
votes
1
answer
363
views
Getting TypeError when trying to use jquery plugin, can't figure out why
After much searching still stuck. Here's what I got:
plugin (just for reference, not really necessary for question): https://github.com/jchavannes/jquery-timer
using html5bp so at bottom of my page ...
1
vote
1
answer
2k
views
add expire headers for static content google recaptcha
I tested my site using Yslow and it states
There are 7 static components without a far-future expiration date.
https://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit&hl=...
0
votes
0
answers
46
views
Add html selector infront from child class in LESS
In LESS i want be able to write some code like this:
article .foo {
.baa {
color: red;
/* what ever magic selector */ html.lt-ie9 {
color: green;
}
}
}
and ...
1
vote
3
answers
2k
views
Unexpected end of file looking for </head> tag in master page
in master page I'm getting error saying - "Unexpected end of file
looking for </head> tag
can you show me where i did mistake with head tag ?
my design code of master page
<!DOCTYPE html&...
0
votes
1
answer
114
views
How to conver the following HTML IE conditionals into Slim?
Can't figure out how to conver the IE conditionals typically seen at the top of an HTML page into Ruby Slim:
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-...
1
vote
1
answer
321
views
How to incorporate Google's Web Starter Kit in a Middleman project?
Just found the Google's New Web Starter Kit today and I like it much.
BUT, how would I go about incorporating the baseline HTML, CSS/SASS, JS, etc... into a Middleman project?
I would imagine the ...
5
votes
3
answers
35k
views
How am I supposed to use index.html?
Is index.html meant to be just the first page among many separate HTML pages, or is it supposed to be the only page, and the other pages are just snippets put inside of it? And by supposed to, I mean, ...
0
votes
1
answer
51
views
Why HTML5 Boilerplate makes bower saving dependencies on public/components
I'm starting a project using a fresh download of html5bp.
I'm using bower for dependency management. However, the dependencies are being saved at public/components, instead of the classic ...
11
votes
2
answers
6k
views
I just created an HTML 5 Boilerplate project in WebStorm. Is there a standard command for compiling the "dist" folder?
I'm getting started with WebStorm 9. I created an HTML 5 Boilerplate project and I noticed a src and a dist folder.
Is there a standard command to compile the content of the src folder into the dist ...
1
vote
1
answer
4k
views
PHP in HTML5 boilerplate
I heard about HTML5 Boilerplate by Paul Irish. I watched couple of tutorials about it. I even watched the video by Paul Irish himself about the HTML5 Boilerplate. I just understood that HTML5 ...
2
votes
1
answer
3k
views
How to wrap email addresses to fit in fixed width box
I have a problem, see the image below:
As you can see, the text is overflowing instead of breaking the text into a new line. My question is: How can I solve this issue?
The text is being inputted ...
0
votes
1
answer
123
views
HTML5 Boilerplate makes a gap in the bottom of the site
I'm starting with HTML5 Boilerplate this days and, in my actual project, I'm having some trouble.
As I see, the CSS of Boilerplate defines the <html> with this:
html {
color: #222;
font-...
0
votes
1
answer
424
views
Organizing CSS files with many breakpoints and many templates
I'm beginning CSS, HTML, and Sass, and while I understand the basics, I'd like to start getting into best practices. I'm building a responsive portfolio website (using Bones HTML5 Boilerplate & ...
1
vote
1
answer
469
views
What is the reason for adding noindex to a contact us page?
I am reading the html5-boilerplate extend.md doc and it states:
According to Heather Champ, former community manager at Flickr, you should not allow search engines to index your "Contact Us" or "...
3
votes
1
answer
1k
views
What is the difference between "Mobile-first Responsive" and "Twitter Bootstrap" on Initializr?
What is the difference between "Mobile-first Responsive" and "Twitter Bootstrap" on Initializr?
1
vote
0
answers
87
views
htaccess index files issue - html5boilerplate
I'm using html5boilerplate .htaccess file on one of my projects and i'm having some problems trying to make it works properly.
The main problem is that on sub-directories the index.hmtl file won't ...
9
votes
2
answers
6k
views
is bower install html5boilerplate is a good thing ?
My question is it good to install html5boilerplate with bower?
How can one proceed after that as it have its own directory for css and javascript and everything will come under bower_component/...
0
votes
1
answer
909
views
Background-image won't show using HTML5 boilerplate
I am having a hard time showing my background image in css. I created a div with a class .top, but every time I use the background-image css property nothing shows up except for color, height and ...
4
votes
1
answer
4k
views
Change django's default static directory
I got an issue with Django 1.6:
I want to change the default static file directory in django. I don't want it in
project/myapp/static but in project/static
I readed django's documentation, added
...