HTML5 Please - Use the new and shiny responsibly

HTML5 Please - Use the new and shiny responsibly

Making your app real-time is a huge boost and WebSockets give you the ability to add bi-directional communication over a persistent connection to your application to increase interactivity and user engagement. web-socket-js is a natural polyfill for the JavaScript WebSocket API transferring data through Flash Sockets when WebSockets aren't available. To use native WebSockets in versions of Firefox before 11, the prefixed MozWebSocket should be used.
The following is a guest post by Menno van Slooten. You might notice we've been down this road before, but I quite like Menno's approach here. The end result proves you can get a little fancier with the design than I originally did, with borders, gradients, and shadows and while actually using less elements. A good-looking tab control usually has one feature that I've always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect without using images. First, let's start with some basic markup. (Better) Tabs with Round Out Borders (Better) Tabs with Round Out Borders

HTML5 Cross Browser Polyfills - GitHub

HTML5 Cross Browser Polyfills - GitHub So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking for a way to conditionally load these scripts client-side based on feature detects? See Modernizr.

Some CSS3/HTML5 demos

Introduction This website is designed to help you build modern sites that are able to make use of some of the newer, exciting parts of CSS. The site is currently focussed on CSS Transitions, Transforms and Animation, though I will be adding other topics as they become avaliable on any major platform. Though of course your browser must support the technologies to use them, most things degrade nicely in older browser, meaning that you can use much of this today, even without a fallback. Some CSS3/HTML5 demos