The competition to become the next markup language for the Web is heating up. This article takes a look at what’s cool and what’s uncool about the competing technologies.
HTML 5 Versus XHTML 2
Saved on
Links tagged with “html5”
-
-
Modernizr
Saved on
A small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more. These are currently being implemented across browsers and with Modernizr you can start using them right now, with an easy way to control the fallbacks for browsers that don?t yet support them.
-
Plupload
Saved on
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.
-
SublimeVideo
Saved on
HTML5 <video> player with custom styled controls.
-
Video JS
Saved on
A javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.
-
Projekktor Zwei
Saved on
An easily customizable/themeable pure Javascript driven HTML5 video player, with Flash fallback only whenever there´s no native H.264 support available. A JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides useful non standard features.
-
Sencha Touch
Saved on
The First HTML5 Mobile App Framework allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.
-
FlareVideo
Saved on
HTML5 video player using jQuery, will fallback to Flash.
-
MediaElement.js
Saved on
HTML5 <video> and <audio> with H.264, FLV, WMV, or MP3 on any browser in CSS with Flash and Silverlight fallbacks.
-
Canto JS
Saved on
A small JavaScript library that improves the HTML5 Canvas drawing API to support features such as; method chaining, relative coordinates, polylines, SVG path commands, turtle graphics, easier specification of drawing attributes
-
Processing.js
Saved on
An open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.
-
HTML5 Reset
Saved on
Like a lot of developers, we start every HTML project with the same set of HTML and CSS templates. We’ve been using these files for a long time and we’ve progressively added bits and pieces to them as our own personal best practices have evolved. Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for an update, and we thought we’d put it out there for everyone to use. By no means do we see this as the end-all and beat-all, but we think it’s a fairly good starting place that anyone can take and make their own.
-
HTML5 Boilerplate
Saved on
HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on. Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.
-
Impact
Saved on
A HTML5 Game Engine.
-
Close Pixelate
Saved on
The script converts an image into a pixelated version using an HTML5 canvas element. Created by David DeSandro.
-
Canvas Rider
Saved on
An addictive game where you ride a bike on thousands of tracks drawn by other players. It’s written only in JavaScript & HTML5, using the most of the new <canvas> element.
-
Head JS
Saved on
Load scripts like images. Use HTML5 and CSS3 safely. Target CSS for different screens, paths, states and browsers. Make it the only script in your HEAD. A concise solution to universal issues.
-
Radi
Saved on
A Mac application that lets you create anything visual for the web. Images, animations, vector graphics, video clips, realtime visual effects, JavaScript programming… publishing moving images using modern web standards is suddenly incredibly easy.
-
Working Wireframes
Saved on
Makes simple, clean and easy to customize website templates to serve as a starting point for your next project, helping you spend more time on designing.
-
SoundManager 2
Saved on
Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single API.
-
MTA.ME
Saved on
Turns the New York subway system into an interactive string instrument. Using the MTA?s actual subway schedule, the piece begins in realtime by spawning trains which departed in the last minute, then continues accelerating through a 24 hour loop. The visuals are based on Massimo Vignelli?s 1972 diagram.
-
LimeJS HTML5 Game Framework
Saved on
A HTML5 game framework for building fast, native-experience games for all modern touchscreens and<br />
-
TwentyTen Five
Saved on
An HTML5 upgrade of the default WordPress TwentyTen theme. It’s completely free, easy to build on, and brings brand new HTML5 elements and functionality to WordPress.
-
Tile5
Saved on
An opensource HTML5 mapping javascript library that gives developers the ability to use existing mapping engines and provide a rich HTML5 experience. Tile5 can also be used to create more generic HTML5 tiling interfaces.
-
Diagramo
Saved on
Allows you to easily create, edit and share diagrams providing a similar user experience as regular desktop applications
-
gury - an html5 canvas utility library
Saved on
A JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface. You can create a canvas tag, resize and style it, add renderable objects, animate those objects, and place it anywhere on the page in a single chained expression.
-
Hype
Saved on
Create beautiful HTML5 web content. Animations and interactive content made with Hype work on desktops, smartphones and iPads. No coding required.
-
HTML5 Front End Development Framework
Saved on
Features HTML5 baseline, base CSS, PHP Active Class, Smooth scroll to top, Placeholder fallback, basic SEO, Sticky footer, Modernizr and jQuery.