h5bp / html5boilerplate.com Goto Github PK
View Code? Open in Web Editor NEWFiles for the HTML5 Boilerplate website.
Home Page: https://html5boilerplate.com
License: MIT License
Files for the HTML5 Boilerplate website.
Home Page: https://html5boilerplate.com
License: MIT License
the line:
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
appears twice
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
The new docs are generated server-side and static. Code here: https://github.com/mklabs/h5bp-docs
The icons in the bottom of the page (Github, Stack Overflow) is not transparent, which doesn't look so good.
currently live at http://mklabs.github.com/html5boilerplate-site/
and source: http://github.com/mklabs/html5boilerplate-site/tree/gh-pages
/docs/
[[link text | http://example.com]]
links in markdown not always working..
[text](url)
really easy if that makes sense.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.
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
Initially reported here: https://github.com/paulirish/html5-boilerplate/issues/518
Essentially encourage people to read the docs and leave comments there.
related to deploy/hosting issues from before.
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
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.
For the custom builder. It needs to link to the stable domain rather than the appspot one.
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!
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!
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.
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:
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
"* {
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}
}"
"
}
"
to
https://github.com/h5bp/html5boilerplate.com/blob/master/src/css/style.css
The German page has a malware warning as @jensgro reports. You can see a screenshot here.
Copied from h5bp issues - https://github.com/paulirish/html5-boilerplate/issues/674
But, I think, there is much more ngnix in site.
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.
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?
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?)
https://github.com/nimbupani/html5boilerplate-site/tree/master/generator
/generator/source/
we can grab the template from /src/template
and then
/template/
-- DONEde
subdomain -- DONEnow 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.
On http://html5boilerplate.com/docs/#Home, the link "Reference Sheet for Mobile Platforms" points to a 404.
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.
.htaccess
file.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.
git push publish master
or something similar in .gitconfig
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
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?
The site (and h5bp.github.com) could be nicer if we implemented CSS transitions (such as for a:hover
and buttons)
Using schema.org markup for organization logos
(Cc: @drublic, @mathiasbynens, you may also be interested in this)
I think we should get the leftnav of docs alphabetized. right now the order is kinda weirdoooo
Content should be in a new-release.yaml
that should be parsed and compiled with template files. The build script should
built
folder.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.
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?
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.
Only 2 steps:
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.
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:
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
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.
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.
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
Relying purely on gh-pages would be nice, if possible.
Initial roadmap
Scope/Features (deadline: 13 August 2012)
Design sketches (deadline: 20 August 2012)
Initial prototype (deadline: 20 September 2012)
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
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.