5 ms·

Ask HN: Any HTML5 dabblers?

• joshuacc 16y ago
  I'd suggest checking out http://html5doctor.com http://html5doctor.com The authors do a pretty thorough job of reviewing the semantics of new (or updated) HTML5 elements.
• babs474 16y ago
  Don't forget webGL. The best place is here http://learningwebgl.com/blog/ http://learningwebgl.com/blog/
• binx 16y ago
  Just start playing around, The last few weeks I have been browsing a load of sites like http://html5tutorial.net/ http://html5tutorial.net/ just mess around with bits and pieces then consult Google and Stack Overflow if you get stuck. I recommend getting stuck into some CSS3 first though, its surprising how much you can do in the style sheet. Also its worth checking http://ie.microsoft.com/testdrive/ http://ie.microsoft.com/testdrive/ MS have some interesting sandboxes you can play with there. Learn your way around.
• tlrobinson 16y ago
  Learn the JavaScript language and browser/DOM programming first, then the actual HTML5 stuff is a few simple additions. Dive Into HTML5 seems pretty good. * "JavaScript: The Good Parts" by Crockford * "JavaScript: The Definitive Guide" by David Flanagan * MDC's "A Re-introduction to JavaScript": https://developer.mozilla.org/en/A_re-introduction_to_JavaScript https://developer.mozilla.org/en/A_re-introduction_to_JavaSc... * Resig's "Learning Advanced JavaScript": http://ejohn.org/apps/learn/ http://ejohn.org/apps/learn/ * MDC: https://developer.mozilla.org/en-US/ https://developer.mozilla.org/en-US/ * Crockford's website: http://javascript.crockford.com/ http://javascript.crockford.com/ * YUI Theater (especially Crockford's JavaScript talks): http://developer.yahoo.com/yui/theater/ http://developer.yahoo.com/yui/theater/
• techiferous 16y ago
  Reference http://www.w3schools.com/html5/default.asp http://www.w3schools.com/html5/default.asp http://www.html5rocks.com/ http://www.html5rocks.com/ http://simon.html5.org/dump/html5-canvas-cheat-sheet.html http://simon.html5.org/dump/html5-canvas-cheat-sheet.html http://diveintohtml5.org/peeks-pokes-and-pointers.html http://diveintohtml5.org/peeks-pokes-and-pointers.html Tutorials http://diveintohtml5.org/ http://diveintohtml5.org/ http://slides.html5rocks.com http://slides.html5rocks.com http://www.html5rocks.com/tutorials/ http://www.html5rocks.com/tutorials/ https://developer.mozilla.org/en/Canvas_tutorial https://developer.mozilla.org/en/Canvas_tutorial Demos http://html5demos.com/ http://html5demos.com/ http://studio.html5rocks.com/ http://studio.html5rocks.com/ http://lab.simurai.com/css/buttons/ http://lab.simurai.com/css/buttons/ Sandboxes http://css3please.com/ http://css3please.com/ http://playground.html5rocks.com/ http://playground.html5rocks.com/ Tools http://www.modernizr.com/ http://www.modernizr.com/ http://www.contrast.ie/blog/speeding-up-with-modernizr/ http://www.contrast.ie/blog/speeding-up-with-modernizr/ http://css-tricks.com/examples/ButtonMaker/ http://css-tricks.com/examples/ButtonMaker/ http://labs.thecssninja.com/font_dragr/ http://labs.thecssninja.com/font_dragr/ http://www.fontsquirrel.com/fontface/generator http://www.fontsquirrel.com/fontface/generator http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills http://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-brows... Compatibility http://caniuse.com/ http://caniuse.com/ http://html5readiness.com/ http://html5readiness.com/ http://www.quirksmode.org/compatibility.html http://www.quirksmode.org/compatibility.html Detecting HTML5 Support http://diveintohtml5.org/detect.html http://diveintohtml5.org/detect.html http://www.modernizr.com/ http://www.modernizr.com/
  • blaines 16y ago
    Great list! I laughed because many of those links are already marked as visited. I also like http://jsfiddle.net/ http://jsfiddle.net/ as a sandbox.
• caryme 16y ago
  I helped develop http://adbubbles.oneriot.com http://adbubbles.oneriot.com as an IE9 Beta Launch demo, with much inspiration from mrdoob. The site is now broken since OneRiot just changed their business model away from real time search and shut off their API. I worked a lot with canvas especially. diveintohtml5 was really helpful as was the mozilla developer reference.
• mikegreenberg 16y ago
  One of my first screen casts was an HTML5 primer (http://nobulb.com/2009/11/html-5-primer/ http://nobulb.com/2009/11/html-5-primer/). I also found a really good slideshow on what's new in HTML5 (http://slides.html5rocks.com/ http://slides.html5rocks.com/). (Not certain that the quality of information in my screen cast is nearly on par with the other info presented here, but it was a crowning achievement and something I'm proud of. Let me know if this is bad form, I'll remove this comment.)
• siedrix 16y ago
  To be fair, http://mrdoob.com http://mrdoob.com has a lot of flash in the examples. You can learn http://processing.org/ http://processing.org/ and export to canvas if you want to do things like the stuff on that page. On the other hand, js rocks...