The WHATWG Blog
Full page slider using HTML5, CSS3, and JS | Symmetrycode
A mindset shift that changed the way I think about the world In India, knowledge is currency. Three months ago, if another founder asked me about my marketing strategy, I’d give them some generic answer and change the subject. You don’t share knowledge until there’s something in it for you. I recently moved to San Francisco. A CTO of a unicorn startup had read one of my blog articles and we started talking over DMs. We met in FiDi for a casual lunch. He gave me a full hour of his day, just to shoot the breeze like two developers do. This was nothing like what I was used to. It was that day that I understood the beautiful “infinite sum game” being played in SF. Continue Reading →
100 Useful HTML5 Demos and Resources
Even though HTML5 is still in development, the programming language has been growing in popularity. HTML5 can be used to create games, render videos, and make intuitive websites. The HTML5 possibilites are endless. HTML5 specification editor Ian Hickson expects that the language will reach the W3C Candidate Recommendation sometime in 2012. Below is a list of 100 ways that HTML5 is being used in website samples, resources, tutorials, demos, and templates. 1. HTML5Demos.com has a list of HTML5 demos and shows what technology is used and which browsers are supported. 2. Wave Motion is an experiment that was made by Hakim el Hattab. 3. Sketchpad is an HTML5 painting application created by Michael Deal that uses a canvas and JavaScript. 4. APIrocks is a great slideshow demo that works using the arrows on the keyboard. 5. Tunneler is an HTML5 demo where multi-colored squiggly lines move around the screen on every mouse click. 6. 7. This demo is a video frame that explodes when you click on them.
20 Things I Learned About Browsers and the Web
html5shim - HTML5 IE enabling script
Dual licensed under the MIT or GPL Version 2 licenses Full original, uncompressed source available here: Source code adds new HTML5 elements (which is simple code), but also supports printing HTML5 elements and includes the default styles for HTML5 elements, like block on article and section. Getting it to work in the browser was easy, @jon_neal and afarkas made IE actually print HTML5 elements - these guys are to take all the credit. Please take a moment to thank them! To use this script, download the html5shiv and roll it in to your own code (ideally minified). Common question: what's the difference between the html5shim and the html5shiv?
Presents a Free Webcast Series on Graphics, Web Design/Development, Video, and Creative Business
Join Peachpit and Cori Dusmann April 22nd, 12-1PM PDT / 3-4PM EDT, for a free webinar geared to help parents navigate the Minecraft phenomenon. In this webinar, Cori Dusmann will help parents and caregivers understand exactly what Minecraft is and why kids love it, as well as all the nuts and bolts, such as how to install, set up, and play the game. Cori will show how even adults with minimum computer literacy can step in and help their children—and even play alongside them. She will also explore larger questions, such as online safety, and examine the social and academic advantages to be found in Minecraft. Space is limited—register today! The Minecraft Guide for Parents
The Ultimate HTML5 Toolbox: 60+ Articles, Tutorials, Resources and Inspiring Showcases
HTML5 is the exciting and long-awaited upgrade to HTML, featuring semantic tags, advanced functionality, and forming a powerful combination with CSS3. Most developers have heard about HTML5, and are pretty excited to start using it, but as with any new technology, there is a learning curve. Since it’s a relatively new development, there aren’t quite the plethora of tutorials and articles as there are with HTML4. But not to worry, there are still more than enough resources to get you started. This post serves as the ultimate HTML5 toolbox. Introduction: Introduction to HTML5 – Video – Everything you want to know about how HTML5 works, why HTML5 matters, and everything else. A Preview of HTML5 – A great introductory article explaining HTML5 and why you should use it. Website Creation Tutorials: Design and Code a Cool iPhone App Website in HTML5 Coding an HTML5 Layout from Scratch Touch the Future – Design an Elegant Website with HTML5 and CSS3 HTML5 and CSS3 – The Techniques You’ll Soon Be Using
CSS3 + Progressive Enhancement = Smart Design
Progressive enhancement is a good thing, and CSS3 is even better. Combined, they enable designers to create lighter, cleaner websites faster and easier than ever before.. CSS3 can do some pretty amazing stuff: text shadows, rgba transparency, multiple background images, embedded fonts, and tons more. Among these generalized strategies, the second approach comes closest to the concept of progressive enhancement. A Quick Example Consider a basic layout done with good ‘ol CSS 2.1 and HTML 4.01. basic layout and compositionbackground, border, and font colorsfont families, styles, and transformationsbasic styles for HTML elementsdecorative graphics, link styles and so on The idea here is to begin with a nice, well-styled presentation that looks good in even archaic browsers like IE6. CSS 3 and Progressive Enhancement Progressive enhancement provides a well-defined strategy for implementing CSS3 into the presentational layer of our designs. Do More with Less Code Why even bother with CSS3?
