background preloader

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 protocol backing the Web Socket API has become an IETF standard, but Safari did not implement that version until Safari 6. To support Safari 5, the WebSocket server needs to support both -76 and the RFC6455 versions, or you can use Flash or Java sockets (if available). The -76 version has a possible security problem for users behind buggy transparent proxies.

Related:  HTML5 & WebGLWeb Design resourcesCross-Browser Compatibility and TestingOther Elements and attributeshtml/css

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. HTML5 This Version: Latest Published Version: Latest Version of HTML: Latest Editor's Draft of HTML: Previous Version: How Your Website Looks On Different Devices And Browsers See How To Use BrowserStack First of all to use BrowserStack, you’ll need to visit their site at Which will give you a page similar to below. Using BrowserStack is really simple, First – Insert your web address / or a theme demos web address (like in the image above)Then choose the different devices and browsers you want to see a screenshot ofClick “Generate screenshots” (You don’t need to download anything, you’ll use BrowserStack within your browser.)

Beginner's Guide to Application Cache Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to make room for other things. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface. MagicNav For most practical purposes, it is — sort of. This is a complicated question, so please read on. "Public domain" is a technical term in copyright law that refers to works not under copyright — either because they were never in copyright to begin with (for example, works authored by U.S. government employees, on government time and as part of their job, are automatically in the public domain), or because their copyright term has finally lapsed and they have "fallen into" the public domain.

40 Beautiful Free HTML5 & CSS3 Templates Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes.

Rotating Words with CSS Animations Using CSS Animations we will change or rotate some parts of a sentence. View demo Download source In today’s tutorial we’ll create another typography effect. The idea is to have some kind of sentence and to rotate a part of it.

Ghostlab One site. One experience Whether you want it or not, your site is going mobile - every day. 10 Awful IE Bugs and Fixes Introduction Everyone has a story to tell when dealing with Internet Explorer. As a developer I have faced numerous bizzare problems with IE and sometimes you just want to bang your head against the wall! However, as time goes by, we slowly learn from mistakes (well, sometimes it's not our fault, it's IE!!!) and start to adapt and understand IE's weird behaviors.

UglifyJS — JavaScript parser, compressor, minifier written in JS UglifyJS is a JavaScript compressor/minifier written in JavaScript. It also contains tools that allow one to automate working with JavaScript code: A parser which produces an abstract syntax tree (AST) from JavaScript code.

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are by emmrichard Mar 25

Related:  HTMLCSS3 toolsWEB DESIGNW3C HTML5 SpecificationsWEBCode & programmationHTML5HTML / CSSHTML5+WebWebdesignImportant Ancilary Topics, issues & Perspective