HTML5 & CSS3 Resources for Designers

HTML5 & CSS3 Resources for Designers

Updated: 2011-04-30 (new items highlighted below)

CSS3 Examples (including Media Queries)

http://www.html5rocks.com/tutorials/flexbox/quick/

https://github.com/doctyper/flexie

http://thebox.maxvoltar.com/

http://hardboiledwebdesign.com

http://lostworldsfairs.com

http://www.informationarchitects.jp/

http://colly.com

http://hicksdesign.co.uk

http://jordandobson.com/better_rounded_border_demo/

http://www.designmadeingermany.de/magazin/5/

http://neography.com/experiment/circles/solarsystem/

http://neography.com/experiment/type1/

http://newadventuresconf.com/

http://maxvoltar.com/temp/nowplaying/

http://maxvoltar.com/sandbox/flipclock/

http://prandall.com/experimental/css3-backgrounds/

http://lab.simurai.com/css/umbrui/

http://trentwalton.com/css3/type/

HTML5 Examples (including Canvas)

http://joshduck.com/periodic-table.html

http://www.chromeexperiments.com/

http://www.apple.com/html5/

http://www.apple.com/ipad/ready-for-ipad/

http://desandro.com/articles/close-with-canvas/

http://mezzoblue.github.com/PaintbrushJS/demo/

http://mugtug.com/sketchpad/

http://www.nihilogic.dk/labs/canvas2image/

http://www.rgraph.net/

http://videojs.com/

http://sublimevideo.net/

@font-face Resources

http://ffffallback.com/

http://fontsquirrel.com/

http://typekit.com/

http://fontdeck.com/

http://theleagueofmoveabletype.com/

http://code.google.com/webfonts

http://blog.typekit.com/2010/10/29/font-events-controlling-the-fout/

http://www.sleepoversf.com/the-great-typekit-table/

Tools, et al.

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

http://matthewlein.com/ceaser/

http://www.colorzilla.com/gradient-editor/

http://westciv.com/tools/

http://css3generator.com/

http://border-radius.com/

http://mothereffingtextshadow.com

http://modernizr.com/

http://selectivizr.com/

http://www.transformie.com/

http://code.google.com/p/css3-mediaqueries-js/

http://code.google.com/p/ie7-js/

http://code.google.com/p/universal-ie6-css/

http://lessframework.com/

http://cssgrid.net/

http://www.jplayer.org/

http://macrabbit.com/cssedit/

CSS3 Properties for CSSEdit

http://html5reset.org/

http://html5boilerplate.com/

More reading

http://www.quirksmode.org/css/contents.html

http://reference.sitepoint.com/css/css3attributeselectors

http://www.alistapart.com/articles/responsive-web-design/

http://diveintohtml5.org/

http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/

http://html5doctor.com/native-audio-in-the-browser/

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

http://24ways.org/2009/working-with-rgba-colour

http://24ways.org/2009/css-animations

http://24ways.org/2009/going-nuts-with-css-transitions

http://antonpeck.com/journal/article/multiple_css_transition_durations/

http://24ways.org/2009/cleaner-code-with-css3-selectors

http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/

http://books.alistapart.com/

http://css-infos.net/properties/webkit.php

http://html5readiness.com/

通过HTML5 & CSS3 Resources for Designers.