library

Better web development

HTML

• Learn HTML5 elements better: HTML5 Doctor Glossary and Dive Into HTML5 : semantic elements

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

JavaScript

• Patterns for writing better JavaScript

• Script Loading Techniques

Embedded media

• Notes on using png - Things to consider while using PNG images.

Mobile

• Reference Sheet for Mobile Platforms

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

• List of commonly installed fonts in different devices

• Internationalization tips - Things to watch out for when using languages other than English.

• Security - Always try to nail down your installation

• 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.