Archive for the ‘Effects’ Category

CSS3 Transitions With Custom Easing Functions: Morf.js

Morf.js is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions. This CSS3 transition utility lets you define your own easing formulas and it uses Shifty to calculate keyframe states. What Morf.js actually does is create a CSS3 animation on the fly for the requested transition. In other words at the time [...]

Read the rest of this entry »

JavaScript Fireworks Animation Library: Fireworks.js

I am not sure about the use of displaying fireworks animation on a web page but if you want to burst fireworks on a web page, Fireworks.js is a free JavaScript animation library that can be used to render cool fireworks effects on a web page. The fireworks engine is governed by a number of configuration [...]

Read the rest of this entry »

Ready-to-use Free HTML5 CSS3 Snippets: HTML5Snippets

HTML5Snippets is an open space for web designer and developers to share HTML5 and CSS3 snippets. A brainchild of Roberto Brevé, HTML5Snippets hosts useful snippets that can you choose or modify to use in your own project. All available snippets are tagged and indexed so you can find your desired snippets instantly. If you are an HTML5 [...]

Read the rest of this entry »

Hardware Accelerated CSS3 Image Transitions: Flux Slider

CSS3 animation is cool, engaging and practical but why use your essential system resources to render animations when you can employ hardware resources for the same purpose. This makes sense when your audience is people with smart phones and devices with relatively less processing power. Now you can achieve it with Flux Slider, a CSS3 animation based [...]

Read the rest of this entry »

JavaScript Animation Library with a GUI Timeline: Timeline.js

Keeping aside the pros and cons of creating animations with JavaScript, there are a number of powerful JavaScript libraries available online that can render flawless presentation. Some of those are complex and require tweaking, some over-simplified and some of JavaScript animation libraries are suitable for short animations only. Timeline.js, however, gives a a nice framework for [...]

Read the rest of this entry »

Feature Rich, Flexible jQuery Slideshow Plugin With 22 Classy Animations: Skitter

Remember Slides, Easy Gallery Manager and SimpleSlide that we have featured earlier on this website? These are awesome plugins for displaying and animating pictures in limited space but sometime you want to pack more features in a lightweight and simple slideshow solutions… just like Skitter. Skitter is a feature rich and flexible jQuery slideshow plugin that [...]

Read the rest of this entry »

Lens Effect Image Zooming jQuery: ImageLens

ImageLens is a free jQuery plugin that can be used to add lens style zooming effect to an image. With a small bit of jQuery code, you can integrate this useful tool with your image library. ImageLens provides complete control on zoom level and size of lens and facilitates provide zoom-able images on your website. ImageLens [...]

Read the rest of this entry »

Make Elements on a Page ‘Zoomable’ With Zoomooz.js

With the spread of smartphones and gadgets like (iPad, Teblets etc.) and growing number of people accessing websites on these devices, the entire game of web development has changed dynamically. Web designers and developers now have to cater to the needs of a diverse user base that surfs the Internet countless ways. Fortunately, there are [...]

Read the rest of this entry »

Animated Sliding Boxes and Captions With Mosaic jQuery Plugin

Mosaic is a jQuery plugin for generating sliding image boxes with comprehensive options for animation, captions and fade effects. With simple parameters, you can set captions, choose to prelaod images and control various properties including: directions, speed, opacity and overlay. The plugin can be used to create a mosaic of image slides with each slide displaying [...]

Read the rest of this entry »

Free Web Based CSS3 Generator

Writing clean and efficient CSS is something that most Web designers and developers would want to sleep over. Fortunately, now we there are a number of good online CSS generators that take care of CSS while you focus on your design. The CSS3 Generator is a simple and free web application to generates CSS3. You [...]

Read the rest of this entry »