Conception de site web

Frameworks CSS + Mockup = Mockup CSS

Les développeurs n’aiment pas les frameworks CSS et les graphistes n’aiment pas l’idée de travailler avec une grille de mise en page. Mais ça ne m’empêche pas de leur trouver un intérêt (aux FW, aux dévs et aux créas). Je suis certainement une espèce mutante, le chainon manquant entre les matheux (le code n’est poétique que dans WordPress ^^) et les graphistes ! Pour autant, je ne pense pas que les frameworks CSS doivent être utilisés partout ou que le design dans le navigateur remplacera votre graphiste ou votre logiciel de création préféré. Il s’agit d’une méthode de travail qui s’ajoute aux précédentes ; elle ne prétend pas s’y substituer. L’article Framework CSS — Sémantique, maquette dynamique et autres notes vous permettra de défricher le terrain sur leur utilisation et leurs avantages. →

Design & Graphisme

#WDFR : les Framework CSS en ont pris «plein la grille» pendant le WDFriday

La dernière rencontre Twitter de la communauté du Webdesign francophone (WDFriday et #wdfr) était consacrée aux frameworks CSS. J’ai été surpris de voir à quel point ils semblent peu employés au regard des critiques dont il font l’objet. L’argument le plus valable que j’ai relevé est qu’un bon intégrateur Web n’a pas besoin de framework CSS. Ce n’est pas faux et c’est d’ailleurs valable pour tous les frameworks ! Un bon développeur front-end n’a pas besoin de jQuery ou de  Mootools et un bon développeur Web n’a pas besoin de Symfony ou de Ruby On Rails, nous sommes bien d’accord. →

HTML & CSS

Manifeste pour la création des éléments LOGO et MOTTO dans HTML5

Ce manifeste pour la création des balises `logo` et `motto` dans une prochaine révision des spécifications HTML5 — puisque rien n’est fixé pour l’instant, nous dit-on —  est né du constat que le nom du site et sa tagline se retrouvent sur la quasi-totalité des sites web sans qu’aucun marquage HTML spécifique ne leur soit dédié. Je regrette que les concepteurs des standards du web n’aient pas fait d’entorse à leur régime 100% structurel. Il semble pourtant assez facile de créer les balises `logo` et `motto`, ce qui  aurait  le mérite d’être assez rigolo, en plus d’être utile. →

HTML & CSS

Dégradés CSS3 WYSIWYG avec Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator est un éditeur de dégradés mis au point par Alex Sirota (ColorZilla) qui permet de générer les déclarations pour vos dégradés CSS3 via des sélecteurs de couleurs et des curseurs très proches de l’Outil Dégradé de Photoshop. Quelques réglages préétablis sont disponibles mais la création d’un dégradé personnalisé est très intuitive. La fenêtre de prévisualisation permet de modifier l’orientation verticale ou horizontale du dégradé, et le code CSS est mis à jour automatiquement à chaque modification avec une petite pensée pour Internet Explorer. →

HTML & CSS

Comment j’utilise les listes de définitions HTML

Les listes de définition `dl` permettent de créer une relation entre un terme et sa définition. L’utilisation la plus évidente de cet élément est le «glossaire» avec, par exemple, le terme à définir dans la balise `dt` et sa définition dans la balise `dd`. Les spécifications sont relativement claires à ce sujet et proposent même d’élargir son utilisation au dialogue entre les protagonistes d’une pièce de théâtre, aux instructions à suivre, à une FAQ avec question(s)/réponse(s), etc. On le devine, mais ça ira mieux en le disant : il est possible d’associer un ou plusieurs `dt` à un ou plusieurs `dd` dans un `dl`. →

Intégration web

Intégrateur web + graphiste = intégraphiste !

En attendant que les métiers qui composent le flux de production web se stabilisent tant dans le fond que sur la forme, je continue mon exploration des métiers du web. Après l’invention du métier Enveloppeur web, je propose Intégraphiste. Si l’intégration web est un ensemble de techniques relativement bien «balisées» (découpage de maquette graphique Photoshop et « codage » de cette maquette à l’aide des langages HTML et CSS),  la perception que l’on a de l’intégrateur web est beaucoup plus floue en raison, sans doute, de son parcours et/ou de sa formation. →

HTML & CSS

PXtoEM : Conversion Pixel — EM

PXtoEM est un outil simple et pratique créé par Brian Cray qui permet de connaitre les correspondances entre les tailles de polices de caractère exprimées en pixels avec les autres unités que l’on rencontre sur le web comme les EM’s, les pourcentages ou les points. Cette dernière unité, plus particulièrement utilisé dans les documents destinés à l’impression, trouvera à s’exprimer dans votre feuille de style destinée à l’impression. →

Intégration web

Ressources pour concepteur de modèle pour Internet

«Ressources pour webdesigner» aurait été plus concis, mais c’était sans compter la bonne ou la mauvaise idée de l’Insee qui souhaite supprimer les termes design et designers de la NAF 74.10 comme nous l’apprend l’Alliance Française des Designers. Tiens, AFD ça fait aussi All For Design… Hasard ? Je ne crois pas ^__^ Pendant que nous sommes dans les métiers du webdesign, profitons-en pour balader notre souris chez Pixenjoy ! Nous pourrons ensuite étancher notre soif de connaissance sur l’excellent portail des métiers de l’Internet. Pour approfondir les aspects liés à l’ergonomie et au design d’interfaces, la lecture du blog de Laurent Demontiers nous apprendra beaucoup. →