Markdown — L’éditeur presque WYSIWYG

Si j’utilise très souvent les éditeurs WYSIWYG pour saisir du texte (LibreOffice ou TinyMCE sur WordPress) j’ai un faible pour la syntaxe Markdown qui permet d’écrire presque normalement en attendant qu’un convertisseur transforme ma prose en balises HTML bien formées.

jQuery.Buzz() — Restez à l’écoute de jQuery

jQuery.Buzz() est un digg-like comme on n’en fait plus beaucoup.  Il est exclusivement consacré aux ressources jQuery. Chaque entrée est composée d’un titre qui pointe directement sur la ressource, avec en dessous un chiffre représentant, j’imagine, le nombre de clics, suivi de l’URL. Pour terminer, le lien info propose le nombre de fois où le lien à fait l’objet 1) d’un clic sur Twitter et 2) d’une mise en bookmark sur Delicious avec la liste des utilisateurs et les tags les plus utilisés.

→ Suivez jQuery.Buzz() sur Twitter @jquerybuzz

Le blank thème WordPress Basics en quelques mots

WordPress Basics est un thème WordPress minimaliste basé sur le concentré de bonnes pratiques HTML5 Boilerplate qui permet de démarrer un projet web dans de bonnes conditions. Ce thème brut mais est complété par le thème enfant Beyond Basics dont la raison d’être est d’accueillir les fonctionnalités plus avancées (page d’accueil home.php et page non trouvée 404.php, par exemple. Voulez-vous en savoir plus ? 

Utilisez une grille de mise en page, il en restera toujours quelque chose

Contrairement à l’imprimé où le langage de description de page Postscript d’Adobe est un standard, il n’existe pas sur le web de dispositif « officiel » pour créer des colonnes à l’épreuve des différences de rendu entre les agents utilisateurs (les navigateurs). Toutefois, des webdesigners talentueux ont mis en place des systèmes de grilles adaptés au web. Ces frameworks CSS — qui ont popularisé le placement des blocs sur une grille — ont fait (re)découvrir aux concepteurs de sites web que le design graphique est une pratique plusieurs fois millénaire qui a forgé ses propres règles pour que le contenu devienne message grâce au contenant.

jQuery Boilerplate

Vous créez des plugins pour jQuery et vous parvenez à des résultats satisfaisants mais vous vous demandez si vous respectez les bonnes pratiques ? jQuery Boilerplate fournit un modèle de base de développement de plugins jQuery pour utilisateurs débutants ou plus avancés : objet, constructeur et options pour étendre les fonctionnalités.

→ jQuery Boilerplate est disponible sur github.

Un site Web n’a pas forcément besoin de graphismes

Dans Webdesigner est-il ? j’évoquais mon parcours Print où une grande partie de mon travail consistait à mettre en pages des publications périodiques. Dans Intégrateur web + graphiste = intégraphiste, j’ai émis l’idée saugrenue qu’un intégrateur Web pouvait avoir une sensibilité et des compétences artistiques lui permettant d’aborder la création d’un site Web avec un point de vue différent de celui du graphiste artistico-créatif ou de l’intégrateur technico-bourrin. L’intégraphiste peut être très exigeant sur les aspects purement graphiques d’un site Web, tout en acceptant facilement l’idée qu’un site n’a pas forcément besoin de graphismes (le «s» est important) pour fonctionner.

Direction Artistique et Design : deux facettes complémentaires du graphisme

La question du fond et de la forme est un sujet récurrent dans le Webdesign. Ces notions sont suffisamment différentes pour que l’on ne les confondent pas, mais elles font oublier que la forme est aussi la somme de deux compétences : la Direction artistique et le Design, que l’on peut traduire par l’intention et l’exécution. Une réalisation peut très bien être le fruit d’une direction artistique exemplaire tout en présentant un design très cheap, ou l’inverse. L’article Art Direction and Design de Daniel Mall paru sur A List Apart explique en détail ce qui ressort de la Direction artistique et ce qui ressort du Design dans la mise en place d’un site Web.

turn.js — Effet de page tournée en Javascript

turn.js est un plugin jQuery créé par Emmanuel Garcia (@blasten) dont le but est d’ajouter un effet de transition entre deux blocs HTML pour donner l’impression que l’on tourne les pages d’un livre ou d’un magazine. Le script est léger (6 kb) et simple d’utilisation. Il utilise l’accélération matérielle et fonctionne sur tablettes et téléphones portables intelligents.

Faire un rapport de bug simple et efficace

La correction des bugs, c’est aussi du design ! A quoi ressemblerait votre site si les bugs d’affichage n’étaient pas résolus ? Cet article d’Éric le Bihan contient de précieux conseils sur la meilleure manière de faire un rapport de bogue. Toutefois, je n’ai pas résisté à l’envie d’ajouter mon grain de sel. Ces rapports devraient pouvoir être mis en œuvre par des utilisateurs non-techniques, comme ceux qui devront décider en «haut lieu» (Direction, Marketing, DSI, etc.) si oui ou non il est urgent d’attribuer des ressources pour corriger les dysfonctionnements.