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