NYTimes Beta sites
For clients: HTML5 & CSS3
CSS3 Page curl shadow: www.red-team-design.com/how-to-create-slick-effects-with-css3-box-shadow
P.S. To use the live “watch” feature (which will auto-refresh the CSS whenever you save your LESS code), just drop this code into your template:
You may not even need the “development” line because the script should detect when you’re running on a local machine, but it didn’t do it in my particular case so I’m setting it manually. Another method to invoke watch is to append “#!watch” to the end of your URL.
P.S.S. Less.js browser script currently won’t work if you’re using Chrome and the path to your page starts with “file:///” due to a known Chrome issue.
Pure CSS3 Animations – 2D & 3D
CSS 3D Animations are rendered through the computer / ios cpu so are much smoother and faster than using canvas to draw objects.
Exploding puffer fish game: creativejs.com/tutorials/create-an-ipad-optimised-game/
New API’s to look out for
Free data to use on your websites:
Google refine – cleans up and helps you analyze excel data
WEB GL Animation (THREE)
3d Smoke from mouse cursor: sebleedelisle.com/demos/JSParticles/Particles3_1.html
Star Field: sebleedelisle.com/demos/JSSimple3D/Canvas3D_4_0.html
Download HTML5 Canvas:
Guide to Canvas: developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html#//apple_ref/doc/uid/TP40010542-CH2-SW1
Canvas resize to fit window
HTML5 Canvas tutorial:
Hype for HTML5 animations:
Text captions with language switching people.opera.com/brucel/demo/video/multilingual-synergy.html
Syncing Content with HTML5 Video
HTML5 Data Attribute
Top 10 Plugins Sept 2011
Tweet to download (like on scoutmob) you must tweet in order to go to activate the button!