Creating A Cool Animated Pixel Font With CSS3

Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]

Continue Reading →

20 Movie Sites That Can Inspire Your Design

Movie buffs can draw their web design inspiration from cool movie sites. Here are 20 of the latest interactive movie sites that feature flash designs and video clips. Check the list below. Avatar Iron Man 2 How to Train Your Dragon Saw Tron Donnie Darko Ice Age 3 District 9 Simpsons Movie Transformers Dark of [...]

Continue Reading →

Experimenting with Background-Clip: Text

Mary Lou of Tympanus.net shows us a fun way to add a background image to a text element by experimenting with the CSS property “background-clip: text”. We can create very beautiful effects with the addition of these CSS3 transitions. Take note that the property ‘background-clip: text’ is supported in Webkit browsers only. Check out the [...]

Continue Reading →

jQuery Animated Cartoon Robot

One of the coolest things about jQuery is that you can experiment with it, like with this animated robot. Here is a sample of how one can do this, based on Anthony Calzadilla’s design. It’s easy to modify and loads fast, with the end product similar to Flash designs but with more advantages. Web designers [...]

Continue Reading →

25 Excellent CSS3 Animations

CSS3 has brought about a number of impressive new features. CSS3 animations is one of the most fun a new feature of CSS3. CSS3 Transitions in real use were introduced in late 2007 by Safari. At that time, they were referred as “CSS Animations”, but the terminology changed when Safari introduced their proprietary features also [...]

Continue Reading →

Spritely – Sprite Animations With jQuery

Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on the demo page, and dynamic scrolling backgrounds. Incoming search terms for the article: jquery [...]

Continue Reading →

Quicksand – shuffling animation jQuery plugin

Quicksand is jQuery plugin for reordering and filtering items with a nice shuffling animation. This plugin inspired by mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects. Quicksand aims at providing a similar experience for users on the web. Incoming search terms for the article: [...]

Continue Reading →

Snowstorm – A Javascript Snow Effect

Snowstorm is a Javascript-driven snow effect that can be easily added to web pages. It is free for use, and easy to set up. A single Javascript file provides the functionality required. No images are used for the snow effect. Incoming search terms for the article: javascript snow snow javascript javascript snow effect jquery snow [...]

Continue Reading →

Roundabout – move html element turntable like

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes.) Incoming search terms for the article: roundabout html5 jquery turntable html5 turntable turntable html5 move html element turntable jquery move html jquery jquery roundabout slider jquery roundabout [...]

Continue Reading →

CrossSlide, slideshow animation JQuery Plugin

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flashâ„¢ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (a lot.) Incoming search terms for the article: jquery cross slide CrossSlide [...]

Continue Reading →

Page 1 of 212»