background preloader


Facebook Twitter

jQuery Knob demo. Baseline - a designer framework by Introduction à la bibliothèque JavaScript jQuery. Comme presque tout ce que nous faisons avec jQuery, ce dernier lit ou manipule le modèle objet du document (DOM).

Introduction à la bibliothèque JavaScript jQuery

Il faut donc être sûr que nous n'ajoutons des événements ou autres que lorsque le DOM (le document) est complètement chargé. Pour cela, nous enregistrons un événement « document chargé » ou « $(document).ready(function(){}) ». Article : 50 Snippets jQuery qui peuvent vous aider dans vos projets JavaScript. JQuery CSS Emoticons Plugin - Alfa Jango Blog. The CSS Emoticons plugin is a simple jQuery plugin (and stylesheet) that allows you to turn any text emoticons on the page into cute little smiling faces with pure CSS3 styling (no images whatsoever).

JQuery CSS Emoticons Plugin - Alfa Jango Blog

The result is great-looking emoticons that leave the text exactly as written (so that the text emoticons actually get copied and pasted with the text if you select a block of text from the page). This uses the CSS3 properties, transform, border-radius, box-shadow, gradient, and transition (when supported). Because the pure-CSS emoticon stylesheet uses CSS3 properties such as border-radius and transform, it is supported by FireFox, Chrome, Safari, and Opera.

They also work (animations and all) on the iPhone and Android phone browsers. In Internet Explorer, emoticons will simply appear as the original textual emoticons. Demo The Markup. Simple Page Peel Effect with jQuery & CSS. Fancy lightbox alternative. Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · Version: 2.05 Category: jQuery Javascripts Introduction Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library.

Slimbox 2, the ultimate lightweight Lightbox clone for jQuery ·

It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Demo Single images Image set These are pictures I took during a journey through India and Nepal in 2008. Features From a functional point of view, Slimbox 2 has the following added features compared to the original Lightbox: Slimbox is ready to launch as soon as the document is ready. Shadowbox.js. LA PLUS SIMPLE DES GALERIES PHOTO EN JQUERY !, Tutoriel N°1118, JqueryLab. jQuery HTML Table Toolbox - Noupe Design Blog.

Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride.

jQuery HTML Table Toolbox - Noupe Design Blog

Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it. But as is the nature of web development, it was pushed further and further to do even more. Pretty soon the main use of tables was no longer tabular data, it was used as a handy and quick way to control the layout of a complicated web page.

But that is were the love story ends and its bad rep begins.Using the table element for web layouts proved to be hard to modify, obtrusive and, more importantly, it caused major accessibility and usabilty problems. Out of the box the tables are very, very bland, reasonably hard to style, its very difficult to display complex data effectively and you are limited to its basic functionality. jQSlickWrap - Slick text wrapping for jQuery. Why would I need this?

jQSlickWrap - Slick text wrapping for jQuery

If you've ever felt the need to wrap stuff around an irregularly-shaped image using CSS's float, you may have been somewhat disappointed to find out that it's forced to wrap around the image's bounding box, rather than the actual contents of the image. What's the best part? It's really easy to use! Check out some of the examples for ideas... Tell me about what it can do... Client-side, Sliced and Diced Sandbags using HTML 5's new <canvas /> element. Spencertipping's js-in-ten-minutes at master - GitHub. Collapser. What is jQuery?


jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Corporate Members Support from our corporate members makes it possible for the jQuery Foundation to continue our work on our JavaScript libraries and pushing the open web forward with events and participation in the standards process. Détecter si javascript désactivé. jQuery Masonry · David DeSandro. jQuery Masonry › Filtering. Tutorial: Using jQuery Masonry with WordPress. This is a short tutorial on integrating Masonry, the jQuery layout plugin, with your WordPress site.

Tutorial: Using jQuery Masonry with WordPress

We will try to use that jQuery plugin to show a list of posts in a neatly stacked layout, similar to the one I have down here. Here’s an explanation about Masonry, from it’s home page: Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Here’s a visual explanation, which I took and edited to fit my layout. Lettering.js - A jQuery plugin for radical web typography. Kern.js - Make web kerning suck less. CSS Browser Selector. Clever technique to help you on CSS hacks.

CSS Browser Selector

Last updated: November 02, 2010 (v0.4.0) CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. The JavaScript support is disabled on your browser. Please, enable JavaScript and refresh this page. The color of this box will change on different os/browsers: