This functionality will come in the form of an easy to use jQuery plugin that you can easily incorporate into any website which displays a set of featured photos with a camera shutter effect. jquery.shutter.css <style> #container{ width:640px; height:400px; margin:0 auto; border:5px solid #fff; overflow:hidden; -moz-box-shadow:...

The post detailed how you could leverage CSS3's transformations and opacity properties, as well as the magical MooTools JavaScript framework, to create spinning, fading, animated icons. Due to popular request, I've duplicated the effect with another popular JavaScript toolkit: jQuery. The HTML <div style="padding:20px 0;position:relative;"> <div...

Circulate, a jQuery plugin make your images circulate around your page. This plugin requires the jQuery library as well as the easing plugin, just include a small piece of code to get the images circulat...

The dojox.image.Lightbox resource has many cool features: Integrated theming and images Keyboard accessible Resizes when the viewport changes Flexible with numerous options Declarative or Programmatic instance creation Works with Dojo data stores Let me show you just how easy it is to use Dojo's Lightbox solution! The CSSdojox.image.Lightbox...

Ryan's CSS animation library, available with vanilla JavaScript, MooTools, or jQuery, and can only be described as a fucking work of art. His animation library is mobile-enabled, works a variety of A-grade browsers, and is very compact. The HTML The exploding element can be of any type, but for the purposes of this example, we'll...

They're smooth, less taxing than JavaScript, and are the future of node animation within browsers. Dojo's mobile solution, dojox.mobile, uses CSS animations instead of JavaScript to lighten the application's JavaScript footprint.  One of my favorite effects is the spinning, zooming CSS animation. The CSSThe first task is creating...

DIVs with Rounded Corners in CSS3 Tutorial about creating Gradients with CSS3. How to create rounded corners with CSS3. 5 Useful CSS3 Properties You Need to Know Brief review of useful CSS3 properties. Border Radius: CSS Rounded Corners Without Images One more tutorial about CSS3 Rounded corners CSS Browser Extensions: Vendor Specific...

Overlay-like Effect with jQuery  Today we will create a slick overlay effect with jQuery that does not use an overlay. Fullscreen Gallery with Thumbnail Flip  In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when...