Archive for the ‘Effects’ Category

Inline Form Labels With CSS3 & JavaScript

Ever tried creating inline form labels that don’t suck, using CSS3 and some simple javascript? Zurb is  sharing a tutorial that shows the best practices to create inline form labels. It works best in Safari 4.x and Chrome 5. In Firefox you won’t see the label fading back (transition). Website: http://www.zurb.com/playground/inline-form-labels License: Free

Read the rest of this entry »

Fly Off Page: Make Your Selected Elements Fly Off The Page

Fly Off Page is a jQuery plugin that will take selected elements and make them fly off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and ‘retainSpace’ which allows you to retain, disregard or animate-out the space that the specified element once took up. [...]

Read the rest of this entry »

Create Awesome CSS3 Animations With Sencha Animator

Sencha Animator is a powerful desktop application with an intuitive graphical user interface (GUI), including an interactive timeline and object property controls to create awesome CSS3 animations for WebKit browsers and touchscreen mobile devices. With Sencha Animator, you can create CSS3 ads that rival rich-media ads made with traditional desktop applications. You can animate text and [...]

Read the rest of this entry »

Pixelate Any Image Using HTML5 Canvas: Close Pixelate

Close Pixelate helps you pixelate any image using an HTML5 canvas element. Users can control the output of the rendering by passing in an array of options, like: Resolution (The distance in pixels between rendered pixels) The shape of the pixel (square, circle or diamond) Alpha (A decimal value for the opacity of the rendering) [...]

Read the rest of this entry »