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.

Simple Page Peel Effect with jQuery & CSS. - 1 commentaire Bonjour à tous ! Que vous soyez 100% geek ou un hardcore gamer, il est évident que chacun d’entre nous souhaite avoir la meilleure connexion internet possible ! Si les débits fournis pas votre FAI sont en grande partie responsable des performances de votre connexion internet, il faut aussi prendre en compte d’autres paramètres …… 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. Shadowbox.js. LA PLUS SIMPLE DES GALERIES PHOTO EN JQUERY !, Tutoriel N°1118, LA PLUS SIMPLE DES GALERIES PHOTO jQUERY CONSIGNES Votre page doit être liée à la dernière version de jQuery (jquery-1.4.2.js) Si ce n’est pas le cas, vous pouvez télécharger ce fichier sur Ensuite, placez le code suivant entre les balises <head></head> : <script type="text/javascript" src="jquery-1.4.2.js"></script> HTML, jQuery, CSS Collez ce code dans l’éditeur de votre choix et enregistrez le avec une extension de type .html ou .php à la racine de votre site.


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... Spencertipping's js-in-ten-minutes at master - GitHub. Collapser. 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. Understanding Masonry’s Behaviors Using Masonry itself is pretty simple, but if it’s the first time you’re using it there can be some surprising behaviors, especially regarding element spacing. Masonry allows for two different cases. The second case is where your elements have differend widths. WordPress + Masonry Okay, coding time. Resources. 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: