jQuery plugin for fold up the DOM like paper.riDomi only works in modern browsers that support CSS 3D transforms.
Features:
- zero dependencie
- optional jQuery/&c. support
- works on iOS
- fold images, webfonts, animated gifs, almost any DOM element
jQuery Cute Slider – 3D & 2D HTML5 Image Slider
Tired of boring flat sliders? Looking for a unique slider? Here’s what you want,with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions.Cute Slider makes your ideas alive, It gives you desire,you can use it as an advanced 2D slider with tons of 2D transitions, or add third dimention to your slider and create a unique and inpressive 3D slider.
Features :
- 3D & 2D effects
- 100+ prest transitions
- 3 fallback levels(CSS3D, Canvas, 2D)
- Cross Browser
- Device friendly
- Youtuve and Vimeo videos
- Search engine optimized
Responsive Measure: A jQuery plugin for responsive typography
Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control the measure. Until now.
Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.
Stratus 2 : jQuery powered SoundCloud player
Stratus is a jQuery powered SoundCloud player that lives at the bottom (or top) of your website or blog.You can add tracks to Stratus right from your page. Simply give a SoundCloud track link the class of stratus and the player will do the rest. This works great for the discography section of your site.
Grabbing Popular Dribbble Shots Dynamically with jQuery
In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple to work with and we want to create all these effects without refreshing the page. For organizing the backend data I’ll be using a custom jQuery plugin named jribbble. It suits our needs perfectly and it’s so easy to get started – even a newbie JavaScript developer could pick this up in a couple hours.
Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery
Recently the ‘flip book’ effect has become really popular on a lot of websites, so I got to thinking about how you could go about pulling off that effect using some jQuery and CSS3. I find that most of the implementations of this code can get a little bit complicated, so I tried to make things as simple as possible.
We’re going to write this code as a jQuery plugin, so first you need to include jQuery. Next we want to include a script called Modernizr. We only need 3D Transforms, and you can download the required script from here. This will ensure everything will work fine in browsers which do not support 3D Transforms. Then you have to make a file called jquery.pictureflip.js which will be where we’re putting our plugin code!
Image splitting effect with CSS and jQuery
In this tutorial we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing that makes this different is that the effect looks like the image is splitted into half and one goes left and the other one goes right. One thing that’s very important is that there won’t be 2 images, it’s only one
backgroundSize.js : jQuery cssHook adding support for “cover” and “contain” to IE6-7-8
A jQuery cssHook adding support for “cover” and “contain” to IE6-7-8, in 1.5K.All was well until I discovered the elegance of background-size: cover; and background-size: contain;. The first one, for instance, allows an image to completely cover a background, without having to send a 1920×1080 background image down the pipes.
Unfortunately, they don’t degrade gracefully: websites would likely appear broken to IE6-7-8 users 🙁 …unless you use this cssHook!