Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.
Thumbnail Proximity Effect with jQuery and CSS3
Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. We’ll also make a description appear.
This is based on a request we once got from a reader who asked if the effect on http://porscheeveryday.com/ could be achieved with jQuery. This is our attempt to recreate the basics of that effect.
jqDnR – Minimalistic jQuery Drag’n’Resize
jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.
Features:
- Drag + Drop Element Posistioning
- South East Resizing
- Definable Drag and Resize “handles”
- Translucent Dragging, Preservation of Original Opacity
CSS3-Powered Presentation Framework : Impress.js
A new presentation framework is released recently -named Impress.js– which enables us to build very beautiful outputs.
Slides can be by positioned, rotated and scaled on an infinite canvas with zoom in/out and 3D effects by making use of CSS3 transforms and transitions to create the awesomeness (which makes it only compatible with WebKit and the latest Firefox + IE browsers).
And, for older browsers, Impress.js fallbacks to a standard presentation without the effects but by keeping the functionality.
jQuery-inlog
jQuery-inlog allows you to easily debug your jQuery code. See exactly what you pass to functions, what they return and in which context (this-value) they were executed.
- No more alert($obj.length) to see if your selector worked.
- No more pain when chaining many calls and figuring out which one fails
jQuery Spinner Control
jQuery Spinner Control Converts the text input to a spinner control. This plugin works fine with ASP.net for the post backs.
Important Features
- Spin a number range:
Provide a range of numbers with an interval to spin these values. - Spin a text list:
Provide a list of comma separated values to spin these values. - Looping Spinner:
once you reach to the end, it can automatically start over again and vice verse.
Making a jQuery Countdown Timer
When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter.
Today we are going to build a neat jQuery plugin for displaying a countdown timer. It will show the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.
Easy CSS3 & jQuery tooltips
There’s no need to explain what a tooltip is and you already know that using tooltips can help you increase usability. Therefore, in this article we’ll concentrate just on the practical side.So, today you’ll learn how to create awesome CSS3 & jQuery tooltips.
The major advantages of these tooltips are:
- the simplicity to use (as you’ll see below)
- they are animated using CSS3