ColorBox, A jQuery Lightbox
A lightweight customizable lightbox plugin for jQuery Fork me on GitHub View Demos Download
UI/Effects
Adds the specified class(es) to each of the set of matched elements while animating all style changes. The blind effect hides or shows an element by wrapping the element in a container, and “pulling the blinds” The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out. The clip effect will hide or show an element by clipping the element vertically or horizontally.
Filtre CSS « flou localisé » ou « flou progressif » - Créer de la profondeur de champ avec les filtres et les masques
Cette démo fait suite à Effet « soft-focus » en CSS, mais fait entrer les masques CSS et SVG pour créer des effets de « flou progressif » ou de « flou localisé ». Le principe est donc strictement le même que la démo précédente, hormis l’utilisation des masques sur la seconde image qui superpose la première. (Je vous conseille de lire le premier article avant de continuer) Ajout des filtres CSS et SVG Dans ce tuto, je vais entrer sur la partie spécifique des filtres et des masques. Nous partons donc du principe que nos deux images sont superposées :
3.1.1 Released!
jQuery 3.1.1 is now available! This release includes some bug fixes and improvements. As with all patch version releases, there are no new features or intended compatibility issues (if upgrading from jQuery 3.0+) in this release. We fixed a selector issue with disabled options, exposed jQuery.noConflict even when jQuery is loaded with AMD, and fixed some issues concerning whitespace. We also fixed an issue with the map file that will help when using CDN copies during debugging. If you haven’t yet upgraded to jQuery 3+, please have a look at the 3.0 Upgrade Guide.
25+ Create Amazing Image Effects with Some of the Best jQuery Plugins Available
JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like WordPress and Drupal.The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 25 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started! By the way. tripwire magazine have provides several articles covering javascript frameworks that I will recommend you take a look at: Advertisement
Simple Effects Plugins
jQuery has a nice selection of core animation effects, such as .show('speed') and .hide('speed'), .slideUp() and .slideDown(), and .fadeIn() and .fadeOut(). It even has a couple methods for toggling effects — the aptly named .toggle('speed') and .slideToggle(). All of these methods have optional speed, easing, and callback arguments — although a couple are special cases. The .show() and .hide() methods, when used without a speed, will immediately show and hide the matched set of elements with no animation. When the speed argument is included, the matched elements are shown and hidden gradually by animating their height, width, and opacity simultaneously.
50 super plugins jQuery récents pour rendre votre site ergonomique et attrayant
Cela fait quelques années que le Javascript et notamment jQuery – qui simplifie et norme son utilisation – continuent d’être de plus en plus utilisés. Aujourd’hui cette technologie est toujours plus facile à exploiter grâce à l’installation de plugins, c’est-à-dire de petits modules de code. Il n’a jamais été aussi facile qu’aujourd’hui de rendre un site ergonomique, originale et attractif ! Ces 50 plugins sélectionnés avec soin parmi les milliers existants vous permettront de transformer n’importe quel site fade en site riche, intuitif, interactif et ergonomique, y compris sur mobile.
Creating a fading header
Since I’ve gotten lots of emails asking me how I created the fading header graphic for Bits and Pixels I’m going to write a tutorial explaining how created the effect. I’ll be creating the effect using some basic XHTML and CSS and some unobtrusive Javascript, using the jQuery library, for the effect itself. I’ve chosen jQuery because I like the way it’s built, find the elements you wish and do something with them.
CSS Media Queries for iPads & iPhones
iPad Media Queries iPad Media Queries (All generations - including iPad mini) Thanks to Apple's work in creating a consistent experience for users, and easy time for developers, all 5 different iPads (iPads 1-5 and iPad mini) can be targeted with just one CSS media query. The next few lines of code should work perfect for a responsive design. iPad in portrait & landscape
jQuery Reel Plugin
verb ... the room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.
10 Superb Image Effects and Slider Tutorials with Jquery
10 Superb Image Effects and Sliders with Jquery and CSS. I haven’t been into jquery much but since i had to use it in one of my site i worked on one and i became a fan of jquery. that is why i have gathered a list of awesome jquery effects tutorial for images and sliders. All tutorials are gathered from various sites and are linked back. Fancy Thumbnail Hover Effect w/ jQuery This is an awesome thumbnail hover effect jquery tutorial.
Creating a Mouseover Fade Effect with jQuery
My last little jQuery tutorial was an alternative to using CSS to create an image change on a mouseover. Now I want to take that one step further and add a fade effect. For my example, I am going to make a black and white image fade into a color image.
How to Make a Smooth Animated Menu with jQuery
Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects. The Goal – One Smooth Menu Here’s a demo of what we’ll end up with by the end. Introduction – An explanation of easing The menu has such a smooth animation because of a thing called “easing”.
