-
Learn HTML5 elements better: HTML5 Doctor Glossary and Dive Into HTML5 : semantic elements
-
HTML5 Layout with ARIA roles by Jonathan Neal
-
HTML5, ARIA Roles, and Screen Readers for Web Accessibility
-
Using border-radius with a border in Webkit? Try -webkit-background-clip to fix the bleed.
-
Write efficient CSS for optimum browser performance.
-
Know your available browser CSS hacks.
-
Style input placeholders with vendor-prefixed extensions
-
If
hr
has a width, make sure you havetext-align: left
also set for consistent rendering across all browsers. IE8 renders thehr
in the center while others align it to the left. (see #297) -
Consider less visually intense colors for text selection when the window is inactive.
-
Using
text-decoration: underline;
for anchors cause some issues specially for languages that have dots under some letters. Useborder-bottom: 1px solid currentcolor;
in such cases. Note: consider thattext-shadow
does not effect borders. -
Be aware of issues with disabled field display in IE <= 9 (see #1022).
-
[[Essential Considerations for Crafting Media Queries|http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/]]
-
[[“Mobile first” CSS and getting Sass to help with legacy IE|http://nicolasgallagher.com/mobile-first-css-sass-and-ie/]]
-
[[Community discussion about Mobile First development|h5bp/html5-boilerplate#816]]
-
[[Respond.js Media Query polyfill|https://github.com/scottjehl/Respond]]
-
[[Script Loading Techniques|script-loading-techniques]]
-
[[The Essentials of Writing High Quality JavaScript|http://net.tutsplus.com/tutorials/javascript-ajax/the-essentials-of-writing-high-quality-javascript/]]
-
[[JavaScript: The Good Parts|http://www.yuiblog.com/blog/2007/06/08/video-crockford-goodstuff/]]
-
[[JavaScript: The Good Parts (Book)|http://oreilly.com/catalog/9780596517748]]
-
[[JavaScript Patterns (Book)|http://oreilly.com/catalog/9780596806767]]
-
[[Smooth JavaScript Animation|http://velocityjs.org]]
- Things to consider while [[using PNG images|using-PNG]]
Gmail for Mobile HTML5 Series:
- Using AppCache to Launch Offline - Part 1
- Using AppCache to Launch Offline - Part 2
- Using AppCache to Launch Offline - Part 3
- A Common API for Web Storage
- Suggestions for Better Performance
- Cache Pattern For Offline HTML5 Web Applications
- Using Timers Effectively
- Autogrowing Textareas
- Reducing Startup Latency
- CSS Transforms and Floaty Bars
David B. Calhoun - Developer Blog - David Calhoun, frontend engineer working for Yahoo! Mobile team.
Wayne Pan - Wayne Pan, engineer working for Google AdMob
-
Consider some opinionated web do's and web dont's
-
Get your team hooked using the same front-end coding standards and best practices.
-
What should a developer know before building a public web site? Stack Overflow great summaries.