Parallax — Le défilement parallaxe (ou scrolling différentiel) est une technique utilisée depuis longtemps dans le cinéma, le dessin animé ou le jeu vidéo pour créer une illusion de profondeur. Cet effet consiste à superposer plusieurs calques et les faire défiler à des vitesses différentes.
Cf. la démo de Parallax proposée par Australopitech.
Dummy Image — des images de placement pour votre site web
Dynamic Dummy Image Generator est un outil en ligne qui génère une image en fonction de la taille que vous indiquez : saisissez le format dont vous avez besoin à la fin de l’URL du site, comme http://dummyimage.com/434×200 par exemple. Très utile en complément de HTML-IPSUM pour commencer à travailler sans contenu. L’auteur précise que l’on peut « hotlinker » autant d’images que son serveur pourra le supporter 😉
Uniform — Des styles de formulaires « sexy » avec jQuery
Uniform est un plugin jQuery dans la lignée de jqTransform pour ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates boutons Parcourir… qui donneraient presque envie de se mettre à Flash 😉 Uniform masque les éléments de formulaires standards et ajoute une surcouche plus élégante. Fonctionne comme les vrais éléments de formulaires remplacés pour assurer une compatibilité et une accessibilité correcte. Compatible avec Safari 3+, Firefox 3+, IE7+ et Chrome (pas IE6, donc).
39 frameworks CSS — Mettez une grille dans votre design
Il existe de nombreuses raisons pour ne pas utiliser de frameworks CSS lors de la phase de conception ou d’intégration de votre site web : le poids, l’intrusion des classes CSS dans le code HTML qui devient la règle pour placer le moindre bloc de contenu, le fait que de nombreuses règles ne sont pas utilisées, etc. Ceci dit, j’aime bien tester les frameworks CSS qui tombent à portée de souris, et je n’hésite pas à faire des expériences d’hybridation. Le potentiel didactique de ces projets est très intéressant. Ne vous en privez pas. →
flot — créez des graphiques avec jQuery
flot est une bibliothèque pour jQuery pour créer des graphiques représentant des données en abscisses et en ordonnées, en courbe, en barres, etc. comme le montrent ces exemples.
HTML + LOREM IPSUM = HTMLIPSUM
HTMLIPSUM nous propose de copier-coller le célèbre paragraphe Lorem Ipsum attribué à Cicéron que l’on utilise traditionnellement comme faux-texte pour placer les blocs de contenu dans une maquette en attendant les éléments définitifs. Il existe de nombreux sites qui proposent des portions plus ou moins importantes de ce texte. L’originalité apportée par HTMLIPSUM provient du balisage de Lorem Ipsum avec les balises HTML les plus employées pour structurer du texte : paragraphe `p`, listes ordonnées `ol` ou non-ordonnée `ul`, liste de définition `dl`, mélange de plusieurs balises pour simuler un texte structuré et pour finir un exemple de formulaire `form`. →
CSS Color Editor remplace automatiquement les couleurs dans vos CSS
CSS Color Editor est une application en ligne qui permet de modifier légèrement ou radicalement votre palette de couleurs en trois étapes : indiquez l’emplacement de votre fichier CSS ; modifiez les anciennes couleurs grâce à un Color Picker complet et intuitif ; téléchargez le fichier CSS modifié. →
jQuery Source Viewer — Plongez dans le code source de jQuery !
jQuery Source Viewer permet de naviguer à l’intérieur du code source de jQuery. Choisissez une fonction, puis laissez-vous entrainer en cliquant sur les différentes méthodes qui apparaissent au fil du code. Très pratique pour savoir ce qu’il y a sous le capot de jQuery car la lecture du code source n’est pas une partie de plaisir et au bout de quelques lignes, Proust se fait presque regretter (presque).
Cacahouette sur la banane, les versions 1.4, 1.3.2 et 1.2.6 de jQuery sont incluses dans jQuery Source Viewer.
jQAPI — Documentation alternative pour jQuery 1.4.1
jQapi reprend le système retenu par la documentation de Ruby on Rails tout en reprenant le même contenu existant dans la documentation officielle de jQuery avec un mise en page différente (recodée en jQuery) qui permet d’aborder la documentation d’une manière différente. jQapi semble plus pratique à consulter, donc plus productive. Cerise sur le gâteau, une version à emporter est également disponible.
CleverCSS — Mettez un Python dans vos CSS
CleverCSS est une manière de produire des CSS inspirée par le langage de programmation Python : les accolades sont remplacées par l’indentation des différentes règles CSS et les déclarations sont introduites par le signe deux-points. Jusque-là, rien de bien fou, mais CleverCSS ne s’arrête pas à l’économie de quelques signes et propose de nombreuses améliorations à CSS : de l’optimisation de la syntaxe à l’utilisation des constantes en passant par le calcul sur les valeurs, y compris les couleurs. →