20 Cool Interactive WebGL Examples

WebGL is an amazing piece of technology that enables browsers to natively render hardware accelerated 3d creations. It is supported in all major browsers including Internet Explorer from version 11, and it works on various mobile platforms including iOS from version 8. So here are 20 stunning WebGL examples from around the web to showcase what your browser can really do.

14 Amazing CSS3 Typographic Animation Effects

It is now possible for typographers to make their work available to web designers through a wide variety of formats. These typefaces can then be supercharged using new browser technologies such as html5 canvas, css3 animation, and the massive and powerful vector-based SVG specification.

So here are some amazing typographic animation effects which use CSS3 animation to animate HTML5 and SVG elements for inspiration to create your own text animations and hover effects. Enjoy !

15 Cool Loading Progress Indicator Scripts

Showing a loading indicator on startup is a common pattern in native applications that is becoming more common on the web. If you need to load a lot of resources when your web application is first loaded, you should give the user a clear indication that this is occurring.

20 Amazing CSS3 & HTML5 Form Examples

Forms are one of the most important parts of any site or app—they are the most common way for users to give the information. They can be greatly enhanced with a touch of CSS3 and HTML5, making them more usable and far more visually attractive. Here are some examples to help you creating amazing CSS3 and HTML5 forms in no time at all.

11 Useful HTML5 Video Techniques

The <video> tag in HTML5 is a great thing. It enables native video playback in all current browsers, rather than relying on a plugin like Flash. It opens the door to web video on devices that don’t support Flash. In this post i want share some useful HTML5 video techniques that you can use to add more features to HTML5 video element.