Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

tag » Colonnes

24 frameworks CSS — Mettez une grille (ou pas) dans votre site web

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. Pour ma part, j’aime bien tester les frameworks qui tombent à portée de souris, et je n’hésite pas à faire des expériences d’hybridation : rien de tel qu’un bout de reset CSS d’Eric Meyer avec la feuille de style de typogridphy, le tout mis en forme avec la robustesse de Blueprint. Voulez-vous en savoir plus ?

jQuery Splitter — divisez votre contenu en plusieurs parties redimensionnables

C’est sur le Dator Blog, que j’ai déniché jQuery Splitter tout droit sorti de chez Dave Methvin. La splitbar peut être déplacée très facilement de manière accessible en cliquant-déplaçant avec la souris, avec une accessKey ou encore via la touche tab. jQuery Splitter requiert la version 1.3.2 de jQuery et permet d’afficher une séparation entre deux contenus sous la forme : Voulez-vous en savoir plus ?

Devenez Alpha testeurs pour Vanilla : un thème WordPress basé sur SandBox et Yahoo! User Interface CSS

Ca fait quelque temps que je n’ai pas parlé du thème Sandbox qui contient une foultitude de classes CSS générées automatiquement en fonction du contexte. Ce « meta » thème pour WordPress est déjà en version 1.3 pour la branche 2.3.x de WordPress et existe également en version 0.9.8 pour ceux qui serait resté avec un WordPress 2.0.x. Une des particularités de la version 1.3 est la présence d’un fichier .pot pour localiser ou traduire le thème !

Prêt pour la prochaine génération de thèmes WordPress ?

La spécificité de Sandbox est donc de servir de fondations pour bâtir d’autres thèmes. A ce propos, j’attire votre attention sur le thème WordPress Vanilla conçu par Alister Cameron, blogueur et designer de talent, qui fut membre du jury pour le concours de thèmes Sandbox qui s’est terminé en juillet 2007 avec 46 thèmes en lice.

Le thème Vanilla est bâti autour de Sandbox et du framework UI CSS de Yahoo!, ce qui lui permet une certaine souplesse dans le choix de la largeur du design, de la taille des colonnes et de plein d’autres choses que je vous laisse découvrir dans le billet de l’auteur. Bref, un thème pour plusieurs maquettes avec la prise en compte des formats de publicité définit par l’IAB !

Pour devenir Alpha testeur, il suffit d’en faire la demande à Alister Cameron à l’adresse : alister@alistercameron.com ou dans les commentaires de son billet.

Frameworks CSS + Reset CSS : design from scratch

Je n’ai pas résisté à l’envie de vous proposer ma traduction de l’article CSS Frameworks + CSS Reset: Design From Scratch paru dernièrement sur Smashing Magazine. Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs. L’article fait ainsi le point sur la notion de framework CSS, ses avantages et ses inconvénients, décrit les frameworks les plus populaires et termine par une série de liens commentés à propos des Reset CSS et des styles de base. En attendant d’éventuels retours sur la traduction, ce billet est en version bêta. Voulez-vous en savoir plus ?

Sandbox Designs Competition : 46 thèmes pour WordPress passés en revue

The Sandbox Designs Competition for WordPress Les résultats du Sandbox Designs Competition sont disponibles depuis quelques heures après plusieurs jours passés à peser le pour et le contre de chaque proposition. Chaque membre du jury était libre de laisser libre court à sa subjectivité et à son intime conviction pour se prononcer sur les choix éditoriaux ou la mise en valeur des différentes fonctionnalités qui structurent un blog. Ou encore sur les choix purement esthétiques comme les visuels employés ou les choix colorimétriques. J’ai accordé un poids important au confort de lecture en traquant impitoyablement les déficits en blancs tournants, interlignages et autres espacements. Pour autant, je n’ai pas laissé de répit aux problèmes de lisibilité dépendants de la palette de couleurs retenue : un blog, c’est avant tout beaucoup de texte à lire. En second lieu, j’ai pris en compte l’équilibre global du design. J’ai vérifié ensuite si la structure résistait à l’épreuve de la compatibilité inter-navigateurs. Pour celà, j’ai testé les pages sous Firefox 2, Internet Explorer 6 et Opéra 9, le tout pour Windows. Merci à Scott pour avoir mis en place ce concours qui fut un modèle d’organisation. Vivement l’année prochaine ! Voulez-vous en savoir plus ?

Framework JQuery pour écrire du Javascript non-intrusif

JQuery, librairie Javascript. Pour ajouter un semblant d’interactivité aux pages web, il fallait auparavant chercher longtemps pour dénicher le bon bout de code Javascript cross-browsers qui va bien. Aujourd’hui, c’est le choix d’une librairie1 Javascript adaptée à nos besoins qui prend du temps. Les prétendants sont nombreux et la qualité est au rendez-vous : Prototype accompagné de script.aculo.us, Mootools et le petit Moofx, Dojo, Yahoo! UI Library, jQuery avec Interface, etc. Whoa! quel chemin parcouru depuis la fin du 2ème millénaire… Voulez-vous en savoir plus ?



Colophon

css 4 design est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2009

Contactez l'auteur du site