library

Better web development

HTML

• 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

CSS

• Color considerations for printing

• 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 have text-align: left also set for consistent rendering across all browsers. IE8 renders the hr 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. Use border-bottom: 1px solid currentcolor; in such cases. Note: consider that text-shadow does not effect borders.

• Consider not setting :hover states for touch devices

• Be aware of issues with disabled field display in IE <= 9 (see #1022).

Working with CSS Media Queries

• Essential Considerations for Crafting Media Queries

• “Mobile first” CSS and getting Sass to help with legacy IE

• Community discussion about Mobile First development

• Respond.js Media Query polyfill

JavaScript

• Script Loading Techniques

• The Essentials of Writing High Quality JavaScript

• JavaScript: The Good Parts

• JavaScript: The Good Parts (Book)

• JavaScript Patterns (Book)

• Smooth JavaScript Animation

Embedded media

• Things to consider while using PNG images

Mobile

• Reference Sheet for Mobile Platforms

• 45 most useful guidelines for mobile web design & development

Gmail for Mobile HTML5 Series:

1. Using AppCache to Launch Offline - Part 1
   
2. Using AppCache to Launch Offline - Part 2
   
3. Using AppCache to Launch Offline - Part 3
   
4. A Common API for Web Storage
   
5. Suggestions for Better Performance
   
6. Cache Pattern For Offline HTML5 Web Applications
   
7. Using Timers Effectively
   
8. Autogrowing Textareas
   
9. Reducing Startup Latency
   
10. 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

Misc

• iOS fonts

• Common fonts on desktop devices

• Building Better Font Stacks

• 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? Stackoverflow great summaries.