links/recommendations for the Suggestions section

[h5bp]

links/recommendations for the Suggestions section

[paulirish]

http://html5doctor.com/glossary/ and http://diveintohtml5.org/semantics.html#new-elements
for folks looking to use the new markup

[paulirish]

Lil' roundup of fun tricks from @brianblakely: http://gist.github.com/581868

[paulirish]

http://github.com/zencoder/html5-boilerplate-for-wordpress
http://twitter.com/danoprey/status/21955391953 boilerplate starkers wordpress
http://github.com/sams/Thematic-html5boilerplate <= wordpress
http://wordpress.org/extend/themes/boilerplate by aaron t grogg (below)

http://github.com/sporkd/compass-html5-boilerplate

http://github.com/DominikGuzei/flawless.css big stack with less.js integrated etc

WOOHOO To all!

[paulirish]

http://our.umbraco.org/projects/starter-kits/html5-boilerplate-v091-html5-backbone-starter-kit in umbraco.. another wordpress and drupal coming soon

[aarontgrogg]

HTML5 Boilerplate / TwentyTen hybrid:
http://aarontgrogg.com/wp-content/themes/html5boilerplate/theme.zip
Uses WP wp_register_script and wp_register_style rather than hard-coding into template.
Ideally I would think all features should be selectable via an Admin page ("Use Modernizr", "Use jQuery", etc.) that would add these or not, maybe v2.0??

[paulirish]

if you're a photo gallery site you might want this for ie6 to not show that stupid thing on tags:

[niksy]

http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-introduction/
http://blog.whatwg.org/the-road-to-html-5-link-relations
http://webdosanddonts.com/
For better image compression use PunyPNG http://www.punypng.com/

Also: to remove gloss from iPhone home screen rel value should be "apple-touch-icon-precomposed"

Simulate link printing in IE with JS: http://beckelman.net/post/2009/02/16/Use-jQuery-to-Show-a-Linke28099s-Address-After-its-Text-When-Printing-In-IE6-and-IE7.aspx

[nimbupani]

From X4:

I'd recommend you using this technique for justified paragraphs, though it would be much better suited as a mixin than a static class that needs to be used manually in the markup.

p.justify (
   text-align: justify;
   word-spacing: -0,3ex;
)

You can read more about it on Sergei's blog here http://chikuyonok.ru/2010/02/better-justify/ (use google translate)

[niksy]

I wouldn’t rely on this technique because you never know if there will be word gaps or how much they are wide.

Left align with ragged right is a standard, and if you need some big word to be separated you can always use soft hyphen (­) which is now supported in every major browser (even IE6)

[niksy]

CSS Spriting tips
http://blog.mozilla.com/webdev/2009/03/27/css-spriting-tips

Particularly these 2 comments:
http://blog.mozilla.com/webdev/2009/03/27/css-spriting-tips/#comment-193481
http://blog.mozilla.com/webdev/2009/03/27/css-spriting-tips/#comment-193498

[niksy]

Maybe not for suggestions but interesting: how different browsers treat color of text when printing http://www.merttol.com/articles/css/too-light-for-print.html

[aarontgrogg]

Update to Boilerplate WP theme (now based on Starkers and approved by WP), with Boilerplate Admin panel (check which options you want/need):
http://wordpress.org/extend/themes/boilerplate

Cheers,
Atg
http://aarontgrogg.com/

[paulirish]

enable-javascript link http://github.com/paulirish/html5-boilerplate/issues/closed#issue/115/comment/439219

[nimbupani]

This issue is now closed because there are wiki pages for suggestions: http://github.com/paulirish/html5-boilerplate/wiki/Make-it-better and
http://github.com/paulirish/html5-boilerplate/wiki for any new CMS themes that use HTML5Boilerplate

[niksy]

http://eriwen.com/css/use-the-table-layout-css-property-to-speed-up-table-rendering/

[niksy]

http://www.iosfonts.com/

[aarontgrogg]

Boilerplate WP theme upgrade:
http://wordpress.org/extend/themes/boilerplate

Options panel now includes:

• Google Chrome / IE-edge
• "iThing" zoom
• Favicon link
• "iThing" favicon link
• IE-only CSS
• Handheld CSS
• Print CSS
• Modernizr JS (if not, users will get IE-Shiv JS)
• jQuery JS
• jQuery plug-ins JS
• Site-specific JS
• Yahoo! Profiling JS
• Belated PNG JS

The only recommendation I am still trying to get approved by WP is the inclusion of a Google Analytics block as an option. If you'd like the file with this added, please contact me directly.

Thanks to everyone that provided assistance and suggestions (please keep them coming)!

Enjoy,
Atg
http://aarontgrogg.com/