background preloader

Développement Web

Facebook Twitter

Node.js. Roundabout for jQuery by Fred LeBlanc. It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results.

Roundabout for jQuery by Fred LeBlanc

Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. See Roundabout In Action Add-Ons Roundabout is equipped to play nicely with a couple of other plugins if they’re made available. Roundabout Shapes by Fred LeBlanc Roundabout can move in more ways than just a turntable. But That’s Not All! The list above is only a list of the plugins that have support baked in, but Roundabout will play nicely with many other plugins. Learn Support New in V2 The code is also a lot cleaner and better commented, which will hopefully allow you to get in there and tweak if you want to. Hosted Libraries - Developer's Guide - Make the Web Faster. jQuery et jQuery UI. Eric Sarrion (500 pages, Editions Eyrolles, collection Noire, ISBN-13: 978-2-212-12892-5) La popularité de jQuery ne se dément plus.

jQuery et jQuery UI

Pour la mise en place rapide de scripts dynamiques ou le développement d'applications web évoluées, il s'agit du framework de prédilection. Ce livre bien complet (500 pages) s'adresse aux développeurs web qui souhaiteraient connaître jQuery de fond en comble et à ceux qui souhaiteraient s'y initier. En effet, chaque fonctionnalité du langage est décrite, avec des exemples pratiques. Les sélecteurs sont abordés un par un, ce qui est loin d'être négligeable. La deuxième partie se focalise sur la librairie complémentaire jQuery UI qui autorise la création de composants graphiques dynamiques (onglets, drag & drop, barres de progression, etc).

Sommaire. jQuery UI. CSS-Tricks. Fonction scrollTo démo. Scroller - Défilement doux. Script : scroller v2.2.0langage : javascriptcatégorie : moduleusage : Un effet de défilement doux pour les liens de vos pages pointant vers des ancres.tags : effets spéciaux - ergonomie Concept D'ordinaire, lorsque l'on clique sur un lien vers une ancre (du genre : <a href="#une_ancre">lien</a>), on est envoyé d'un seul coup au niveau de cette ancre.

scroller - Défilement doux

Scroller est conçu pour remplacer ce téléportage un peu brutal par un défilement doux. Non content de faire assez classe, cela permet au visiteur de mieux s'y retrouver dans le contenu de la page. Initialement conçu pour les ancres d'une page web, ce script peut aussi servir à recentrer la page sur n'importe quel élément HTML.

A noter également : l'effet marche dans le sens vertical comme dans le sens horizontal. Démo Eh bien ce site même utilise cet effet dans chaque page. Mais vous souhaitez peut-être aussi avoir une démonstration de ce que ça donne à l'horizontale... Intégration. Demos of JSColor – JavaScript / HTML Color Picker, Selector, Chooser. Le CSS - Tutoriel HTML & CSS. La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML.

Le CSS - Tutoriel HTML & CSS

La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Chaque règle permet de changer l'affichage de plusieurs balises HTML. Les règles ont la syntaxe suivante : Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Lier le CSS au HTML <! Le fichier style.css, quand à lui, pourra ressembler à ceci : <! Les sélecteurs. CSS : combiner les images pour limiter le nombre de requêtes HTTP.

Technique très peu utilisée mais extrêmement efficace pour diminuer considérablement le nombre de requêtes HTTP et économiser de la bande passante...

CSS : combiner les images pour limiter le nombre de requêtes HTTP

La technique est assez simple : il s'agit de combiner l'ensemble des images affichées depuis la propriété "background" du fichier CSS. Si 10 éléments sur une page contiennent chacun une image de fond différente, 10 requêtes HTTP seront générées. En combinant l'ensemble de ces images en une seule, seule une requête HTTP suffira. Une fois les images combinées il suffit, depuis la propriété "background", de préciser la position de l'icône sur notre image icones.png : jQuery lightbox for images, videos, YouTube, iframes, ajax. Les outils de base de développement web. HTML Tutorial.

The W3C Markup Validation Service. GitHub · Build software better, together. Front-end developer tools for websites and apps.