background preloader

Jquery

Facebook Twitter

jQuery Knob demo. Baseline - a designer framework by ProjetUrbain.com. “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach.

Baseline - a designer framework by ProjetUrbain.com

I then decided to another look at the basic grid used in print: the baseline grid. Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6. Baseline try to align to the font metric to correctly line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout. How to use Baseline Baseline can be used in many different ways. Download The .zip file includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples.

Going from 0.2 to 0.5. Spritely.net. Path-Tech.fr. 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. Introduction Voici la traduction de l'article d'Addy OSMANI, décrivant 50 Snippets jQuery qui peuvent vous aider dans vos projets JavaScript.source : 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer Présentation Dans ce, je vais vous montrer 50 Snippets jQuery qui peut vous aider dans vos projets JavaScript.

Article : 50 Snippets jQuery qui peuvent vous aider dans vos projets JavaScript

Certains de ces fragments font appel à de nouvelles fonctions de jQuery 1.4.2, tandis que d'autres sont des fonctions réellement utiles ou des méthodes qui peuvent vous aider à faire les choses mieux ou plus vite. 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. Simple Page Peel Effect with jQuery & CSS. Path-Tech.fr. Fancy lightbox alternative. Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · digitalia.be. 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 · digitalia.be

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. 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... 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

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.