HTML5 and CSS3 Learning

Goal: Learn HTML5 and CSS3

Process: Implement new IDRC website designs

• IDRC site: what browsers will we aim for?

Things we'd like to try:

• letterpress effect
• masking

CSS3:

• Capabilities, new features, examples of other sites, demos, etc.
• Current level of support?
• Browser compatibility and graceful degradation?

Infusion:

• no decision yet
• options: 1) line in sand; 2) graceful degradation ("latest" for FF and Chrome, "latest" plus one back for IE)

CSS3

Current support for some modules: IE9, latest Webkit, FF and Chrome.

Resources:

• http://beta.theexpressiveweb.com/
• http://www.web3mantra.com/2011/04/13/50-best-css3-examples/
• http://mobilehtml5.org/
• Using vendor prefixes: http://www.colorzilla.com/gradient-editor/
• http://cubiq.org/autopsy-of-a-site-redesign
• https://developer.mozilla.org/en/CSS/CSS_Reference