Free Tools, Le meilleur des outils gratuits pour webmaster

jQuery UI est une “surcouche” du Framework jQuery qui permet l’implémentation d’interface utilisateur très design.

jQuery UI a dépassé le statut de simple curiosité pour faire parti intégrante du projet jQuery. En effet, avec la dernière version, vous aurez accès à une API simplifiée avec laquelle vous pourrez créer et utiliser des widgets pour jQuery UI, des fonctionnalités ont été ajouté dans jQuery (et même dans le fichier ui.core.js), un espace de suivi de bug est mis à disposition des développeurs spécialement pour jQuery UI, l’unité qUnit a été enrichit pour jQuery UI, le plugin Enchant a été intégré à jQuery UI et une grosse dizaine d’effets sont disponibles avec leur documentation… sans oublier le générateur de thème, ThemeRoller a été développé pour créer en quelques clicks de souris des skins pour vos interfaces…

Site Internet : jQuery UI
Générateur de thèmes : ThemeRoller
Licence : MIT et GPL

Share

Avec cet article, je compte combler deux manques sur Free Tools… parler de l’excellentissime blog NetTuts et de l’affichage de “panels” avec une navigation par onglets.

En effet, pour un projet en cours, j’ai eu recours à cette présentation très pratique quand l’espace vous manque. De plus, je souhaitais que la hauteur du panel soit automatiquement “recalculée”.
Le tutoriel “Create A Tabbed Interface Using jQuery” répond exactement à mes exigences !

Donc, voici un script permettant l’affichage de “panels” avec une navigation par onglets. Un effet de transition des plus sympathiques est réalisé avec la librairie jQuery. Autre avantage de ce script, il est facile à implémenter (pas plus de 10 minutes “chrono en main”) et tout aussi facilement personnalisable… du grand art accessible à tous…

Site Internet : NetTuts
Licence : Gratuit

Share

Avec Listnav, vous pouvez créer une barre de navigation alphabétique basée avec n’importe quelle liste ordonnée (tag UL) ou non (tag OL).

Listnav propose quelques caractéristiques sympas. Par exemple quand vous “survolez” une lettre avec la souris, il vous montrera le nombre d’articles associé à cette lettre. Laissez ou non apparaître les lettres sans articles, mettez une lettre différente que “A” ou “TOUT” pendant le premier chargement de la page etc. Vous pourrez très aisément personnaliser l’apparance de Listnav grâce à son fichier CSS dédié.

Ce script est non-intrusif, compatible avec les derniers navigateurs (IE6 +, FF 2+ et Safari) et exige jQuery 1.2 +, (le code utilise la fonction .slice()) et le plugin jQuery dimensions OU jquery 1.2.6 (qui inclus le plugin dimensions).

Site Internet : Listnav
Licence : MIT et GPL

Share

Cette semaine, c’est jQuery qui est à l’honneur ! Je n’ai pas pu résister devant cette trouvaille…
Avec cette ressource, vous allez pouvoir créer un menu animé qui n’aura rien à envier à un menu “Flash”.

Plutôt qu’un long discours, je vous donne rendez-vous sur cette page de test : http://snook.ca/technical/jquery-bg/

Convaincu… la suite sera encore plus intéressante. L’implémentation de cette ressource est très simple. Pour commencer, ajouter un fichier CSS, un script javascript et la libraire jQuery dans le header… Ensuite, ajoutez votre menu avec l’aide des balises UL… le tour est joué !

Site Internet : Snook
Licence : MIT, GPL

Share