Consider adding the H5BP logo as an SVG at the root. First, need to resolve the non-identical logos that we have - h5bp/h5bp.github.io#3

related to deploy/hosting issues from before.

The German page has a malware warning as @jensgro reports. You can see a screenshot here.

The icons in the bottom of the page (Github, Stack Overflow) is not transparent, which doesn't look so good.

"* {
word-wrap: break-word;
max-width: 100%;
}
"
"
@media screen and (max-width:15em) {
.dwn a{padding:/* from .dwn a, a[href="#dsq-content"], #builder-download */}
.social a, p.lang a {white-space:pre-line}
}"
"

footer p:first-of-type a {vertical-align:top;/* removing width */ max-width:13em;margin:1em .1em;

}
"
to

https://github.com/h5bp/html5boilerplate.com/blob/master/src/css/style.css

Was just looking at this commit:

https://github.com/nimbupani/html5boilerplate-site/commit/28e57460cfee5787faea9f1e58e0c16c09f2c766

and then i saw on site that when you open serbian page, nederlands link still have that star. :)

You've got last link covered with this:

#footer li:last-child:after, .social a:last-child:after, .lang a:last-child:after { content: ""; }

But when you open sr.html5boilerplate.com that last-child is still there, its just display:none.

So i was thinking about adding something like this:

html[lang="sr"] p.lang a[lang="nl"]:after { content: ""; padding-left: 0; }

So remove content in :after only on a element with lang='nl' when html element has lang='sr'. I tried to test that on my local repo but have failed... I was working on css file in src folder and i was doing make build everytime i edited something, but still i couldnt do anything right. What am i doing wrong?

Hello guys,

Just wanted to point out something. When you go to http://html5boilerplate.com there is no link there to the HTML5 mobile boilerplate.

• at http://h5bp.github.com
• All commits to master will display on that url.
• if provided with CNAME file, github will redirect all requests to h5bp.github.com to the domain name specified in CNAME

PROS

• All admins for html5boilerplate.com can commit when necessary (more the better in my view).
• We have only static files, we can use the node build script to generate the home page like we do for the docs
• No need to depend on third-party hosts for our server needs.
• No need to hack on server side for quick updates.

CONS

• Cant have .htaccess file.
• Cannot be using anything server-side (we don't now, but cannot in the future_
• At the mercy of github hosting.

In my experience of hosting with github (which has been at most of 1 whole month) I find it more stable than third party hosts. Plus we would be able to collaboratively work on this site.

HOW

• Add a remote push url to h5bp.github.com repo under @h5bp
• Use git push publish master or something similar in .gitconfig

http://html5boilerplate.tumblr.com/archive somehow?

Copied from h5bp issues - https://github.com/paulirish/html5-boilerplate/issues/674

http://www.google.ru/search?sourceid=chrome&client=ubuntu&channel=cs&ie=UTF-8&q=site%3Ahtml5boilerplate.com+ngnix

But, I think, there is much more ngnix in site.

See: http://html5boilerplate.com/#comment-100160343

Browser: FF3.6.12, FF3.6.13
OS: Win XP Pro (mine), Win7 (Reported by Alan Hussey)
Steps to reproduce:

• Open http://html5boilerplate.com/
• Scroll up/down via mousewheel or arrow-keys.

I wasn't able to take a screenshot of the problem itself, but this looks very similar (yes, the text is affected too):

http://openminds.lucido-media.de/uploads/html5boilerplate-bug-2010-12-27a.png

Most of them are hugely out of date and we don't have the resources to maintain them.

We need to do one of these ASAP:

1. Remove the non-en versions and redirect their URLs to the main site. People can rely on Google Translate. We can tidy up any language patterns that are a problem for Google translate.
2. Paul mentioned some other alternative using the Google Translate API or something.

Either way, there have been quite a few tweets about the spanish version (which is still showing 1.0 and has broken download links). So this current state of affairs isn't good.

Related #77

For the custom builder. It needs to link to the stable domain rather than the appspot one.

Content should be in a new-release.yaml that should be parsed and compiled with template files. The build script should

• Apply the yaml contents to the template.
• Create translated files based on .po strings.
• Compress/do typical build script tasks
• output to built folder.

• get ie6 fixes from adeel
• archive old comments to commentarchive.html -- DONE
• use new disqus account to start fresh. -- category DONE
• update actual files in /template/ -- DONE
• maybe update actual markup/style for this site to match. -- DONE
• make sure to deploy new .htaccess
• more docs around build script?
• deploy german site to de subdomain -- DONE
• add link to docs on site. -- DONE

+@mklabs

I think we should get the leftnav of docs alphabetized. right now the order is kinda weirdoooo

On http://html5boilerplate.com/docs/#Home, the link "Reference Sheet for Mobile Platforms" points to a 404.

The Chinese

1. translation status
The translation I have been working on is about 60% complete, I am swamped with too many projects at the moment, so it will be very helpful if someone can help on it!

2. fidelity vs. transparency
Boilerplate is very serious about technology but it's presented in a very non-serious manner, both are very important. so during the translation, I try to keep the seriousness/accuracy when dealing with technical terms, and when dealing with non-technical terms, it will be the best to maintain the fun and casual tone, in order to do that, it has to conform to Chinese grammar, syntax and idiom.

3. Chinese/English look-up table
I have created and maintain a tech jargon (English/Chinese) lookup table wiki (forked from various sources)
http://w3ctech.com/w/index.php?doc-view-67 . It helps the translation work.

4. collaboration
I merged my translation file to our github repo at: https://github.com/nimbupani/html5boilerplate-site/tree/master/locale/cn_PRC

5. help and support for Chinese community
For current translation issues, email me at [email protected]
For general issues, subscribe to W3C China at [email protected] to get help and discuss

The new docs are generated server-side and static. Code here: https://github.com/mklabs/h5bp-docs

Using schema.org markup for organization logos

(Cc: @drublic, @mathiasbynens, you may also be interested in this)

https://github.com/nimbupani/html5boilerplate-site/tree/master/generator

• don't hardcode the template bits into the sql if we don't have to.
  • ideas on how to best decouple?
• figure out if we have more things we want to make optional, beyond what's already here.
• instead of grabbing /generator/source/ we can grab the template from /src/template

and then

• integrate into actual homepage markup.
• presets
• default will probably be everything on.

On html5boilerplate.com, if I click "Boilerplate Custom" and choose Nginx for the server config, the resulting download includes nginx.conf as expected but not the nginx-mime.types file it references.

I'm not sure if this is the right place to report this bug but I'm too lazy to find where the relevant code is hosted ;)

I remember reading in a boilerplate issue thread before that some people don't like having it as a separate file. It's possible to merge it into nginx.conf just for the record.

screenshot: http://i.imgur.com/gSfeX.png

reported by Laurens

I also tried some online services, see http://ipinfo.info/netrenderer/ and http://browsershots.org, but the first one only showed the top part of your page (non scrollable) and the latter one let me wait for over an hour so I canceled that request!

I myself use the Palemoon browser and only use IE for testing purposes. I reckon webdevelopers do not always have to make websites 100% compatible with older browsers, but concepts like Boilerplate people are going to be tested out on other browser and people will be disappointed with the result!

i consider this a minor bug...
also it relies on syntaxhighlighter to fix their shit

unless i drop newlines when i XHR in the content.. which is possible.

The German translation's been brought up to date, and some improvements have been made (thanks to Daniel!) Would you mind rebuilding the site and pushing it live?

currently live at http://mklabs.github.com/html5boilerplate-site/

and source: http://github.com/mklabs/html5boilerplate-site/tree/gh-pages

remaining issues

• bring files over to this repo.. 'docs' branch.
• path should be at /docs/
• "edit this page" link that links to wiki edit page
• "Pretty docs brought to you by Mickaël Daniel", but of course! :)
• Fix [[link text | http://example.com]] links in markdown not always working..
  • I can change them all to [text](url) really easy if that makes sense.
• some amount of control, configuration on the left nav.
  • maybe use a new .md file for it?
• kill off the languages links..
• add link back to the homepage.
• merge styles into site's style.css ? maybe?

The site (and h5bp.github.com) could be nicer if we implemented CSS transitions (such as for a:hover and buttons)

it was started here a while ago:
http://github.com/Steo/html5-boilerplate-ITA/commit/24cdd5a87c338ab905912ae5505f72577463bac5

but never finished.

see also
http://github.com/nimbupani/html5boilerplate-site/issues#issue/3

Since its a HTML5 boilerplate site.. shouldn't the site really make use of HTML5 tags like header, footer etc. Or can't the boilerplate site use the boilerplate code

Copypasta from https://github.com/paulirish/html5-boilerplate/issues/668:

Issue on Chrome 13.0 and Safari 5.1 (with latest updates, tested on Mac Lion). Firefox 5 seems ok.

On http://html5boilerplate.com/#v2 , play a video in the videos section (say, "Ready to get started? new!"). While it is playing click on another video(say, "Dig deeper in 60 minutes"). Second video overlays first and starts playing. First video does not stop and continues as it was. Page refresh cures the issue.

See: h5bp/html5-boilerplate#1134

There are cached versions of old docs lying around, leading to confusion.

My preference is for h5bp.com/docs/* to redirect to the github wiki. Keep it simple.

the line:

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }


appears twice

Only 2 steps:

1. Set dir="rtl" on the body tag when the language set is RTL (Hebrew, Arabic and more), see here: http://meta.wikimedia.org/wiki/Template:List_of_language_names_ordered_by_code
   and here: http://github.com/nje/jquery-glob
2. Dynamically load an incremental RTL CSS file (style-rtl.css for example) right after style.css when the language is RTL to override left/right css declarations like margins, floats and positions.
   This CSS file will also be used to re-set LTR on code segments.

It takes someone like me no more than 15 to 30 minutes to RTL a well built small site.

One problem: We'll have to find a pretty free and open Hebrew font to replace the one you use for the logo, and there aren't many.

Initially reported here: https://github.com/paulirish/html5-boilerplate/issues/518

Continued from: http://github.com/paulirish/html5-boilerplate/issues/#issue/34

The current implementation uses a "textarea" and fills it with content of template files. The IE musketeers ignore newlines (or technically speaking, parse them?) resulting in all template file code getting jumbled up in one line.

I've moved the code to use SHJS for source highlighting and use "pre". A bit of jiggery and IE trio are behaving but SHJS do not have an Apache syntax file (also missing line numbers but I'm working on it).

PS: This is just created to move the discussion here and occasionally yell at IE!

I was just going to fix a bunch of links in this repo that point to github.com/paulirish/.... However, html5boilerplate.com actual has corrected links. Were those corrections done live, or pulled from a fork or something?

now that beverloo added support for application/x-font-woff

http://trac.webkit.org/changeset/76505

it'll be like 4 months or so until its in stable chrome.. we'll wait till then..

also i've filed this on the wrong project so that i can kind of keep it on low low low priority.

Essentially encourage people to read the docs and leave comments there.

see https://twitter.com/bil2k/status/166602165811560448

@shichuan @paulirish

They don't seem to be working at the moment. Last commit to master was 4 days ago but I'm not seeing the change on live.

from: #3 (comment) by @Alshten

on my computer, my browser and OS are set in french but I don't have these links.

The reason is that in the style.css file :

/* we do not need to link to ourselves. only our friends. <3 */
html[lang="en-us"] #header p.lang, 
html[lang="en-us"] p.lang a[lang="en-us"],
html[lang="de-de"] p.lang a[lang="de-de"],
html[lang="pt-br"] p.lang a[lang="pt-br"],
html[lang="fr-fr"] p.lang a[lang="fr-fr"],
html[lang="ro-ro"] p.lang a[lang="ro-ro"],
html[lang="it"]    p.lang a[lang="it"],
html[lang="nl"]    p.lang a[lang="nl"],
html[lang="sr"]    p.lang a[lang="sr"],
html[lang="he"] p.lang a[lang="he"],
html[lang="ja"] p.lang a[lang="ja"] {
  display : none;
}

The first line of this rule : html[lang="en-us"] #header p.lang, hides the language element for the english version of the site, whatever your browser language.
The purpose of this rule is to hide the "Français" link for the french version, the "Italiano" link for the italian version, but this first line hides all language links for the english version in any case.
Is it something that should be corrected ?

I can see this commit : 5da32cc#src/css/style.css that should have solved the issue, but I think it doesn't.

1. Test Respond.js?

Must be some small server setting bug…

http://html5boilerplate.com/mobile redirects to http://html5boilerplate.com/html5boilerplate.com/dist/mobile/, whereas http://html5boilerplate.com/mobile/ does not.

1. ONLINE BUILDER - Integrate a builder so people can download only what they want.

2. MOBILE BETA - A micro-site for mobile version of html5 boilerplate

3. Better alignment of Syntax Highlighted content (it makes the page unnecessarily slow, perhaps we hide them until user clicks - like comments?)

• why its awesomer - revised
• pretty changelog
  • pictures of yslow before/after
  • fucking charts. (resig styleee)
  • integrated video
  • paragraph list combo action
  • image of webservers supported.
  • video action
  • add to contributors (Shi Chuan, Open Web Developer)
  • clear out old disqus comments
  • more detail around build script
  • all links should change to a different hover color
  • full list of all contributors.. linked at bottom of 1.0 rls notes
  • full list of translators
  • analytics for custom builder.

It would be great to make the mobile project a first-class citizen, and recognize its independence (in code, team, and aims) to HTML5 Boilerplate. So how about resurrecting mobileboilerplate.com and using a modified version of the new html5boilerplate.com design to get it started?

We'd just have to set up html5boilerplate.com/mobile to redirect to mobileboilerplate.com, rather than reverse.

If you visit Make it Better and link to the HTML > Head section (#head) you get a link like http://html5boilerplate.com/docs/Make-it-better/#head. Everything ok until this point.

If you now visit this link it gets redirected to Head Tips.

This seem to be a JS problem of redirection because the actual site docs/Make-it-better/ is visible for some milliseconds - but not browser-specific as I was able to reproduce it in Chrome, FF and Safari.

I just wanted to report this :). Maybe it's irrelevant when #51 is actually resolved.

Thanks to Mike West, we have a robust translation model. But we need translations so that more people can understand the boilerplate! We currently have an incomplete translation in German, and would be glad to have help to update it and work on other languages.

The language files are located within the "locale" folder. Each language string is a literal translation of each sentence. You can copy out an existing language file and modify to create your own language file.

All you need to generate the site in multiple languages, is to run the "make build" script from the parent directory. It requires gettext python package (and you should have python installed too).

If you have any trouble, just mail the mailing list http://groups.google.com/group/html5boilerplate/ or ping me!

Page http://html5boilerplate.com/docs/ contains link to address http://html5boilerplate.com/docs/experimental/ in main part of the page. That link is not working, the correct link is http://html5boilerplate.com/docs/Experimental/. Links in navigation seem to work.

• Move all configurations used on the server in this repository
  (plus, as pointed out by @mathiasbynens, discuss / set up a good safe server update workflow).
• Remove all outdated content from the server
  ( e.g.: http://html5boilerplate.com/html5boilerplate-site/built/en_US/docs/... ).

Generally it's about making it easier to see what the project is, where to download it, what to expect, and how to help. Then also about significantly reducing the maintenance burden on people working on the project. Automate as much as possible; remove everything we have failed to frequently update and keep to a high standard.

Key goals

1. Massively simplify the site: presentation, code base, functionality.
2. Improve the overall design to provide a couple of key calls to action and reduce the options.
3. Reduce the amount of text - rely on HTML5-Boilerplate wiki changelog.
4. Automate updates to the site's download links. When we tag a new release on GitHub, I'd like the .com to automatically update to reference the latest tag.
5. Remove the duplicate docs - rely on the wiki or version-specific bundled docs instead.
6. Remove the translations - they're not kept up to date.

Relying purely on gh-pages would be nice, if possible.

Initial roadmap

Scope/Features (deadline: 13 August 2012)

• One-line description of the project
• Download latest stable release
• Link to Initializr for custom builds
• Link to project on GitHub
• Overview of key project features / included packages
• Expose well known companies/orgs using the project
• Link to Tumblr gallery
• Link to Twitter account
• Link to Docs
• Link to other H5BP projects

Design sketches (deadline: 20 August 2012)

• necolas: http://i.imgur.com/q96VY.jpg
• nimbupani: http://cache.gyazo.com/bd8bb770e179b5cab67f87fa572b41dc.png

Initial prototype (deadline: 20 September 2012)

• TBC

I'd like to flesh out a rough timescale for each step on the roadmap (which can be broken down more clearly if needed) and sandbox time. To get things done, we need to say "in 3 weeks time, we'll have a final draft ready and can start the next step". That way it doesn't drag on forever or consume too much of out time.

cc @Wilto