Frameworks Javascript

Choisir jQuery ou Mootools en connaissance de cause

Choisir une bibliothèque Javascript n’est pas anodin. Une fois qu’on s’est familiarisé avec une librairie, il est souvent difficile de faire marche arrière et la tentation est grande de ne pas aller voir ailleurs si l’herbe est plus verte. Aaron Newton a eu la bonne idée de faire une comparaison éclairée intitulée jQuery vs Mootools en mettant en évidence les qualités et les défauts de ces deux frameworks Javascript, en toute objectivité. →

Documentation

Menus «select» et champs «input» avec jQuery

Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments select et input avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments option sélectionnés dans des instructions conditionnelles ; supprimer un élément option ; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements select et input.

Conception de site web

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 😉

→

Plugin jQuery

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

HTML & CSS

39 frameworks CSS — Mettez une grille dans votre design

Grille de mise en page

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

Conception de site web

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