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.

Il y a de la vie en dessous de 600px

Dans un contexte de webdesign, le fold fait référence à la partie supérieure de la page web qui apparait sans que l’on fasse défiler la page vers le bas. C’est une valeur relative à la taille de l’écran que l’on fixe généralement à 600 pixels en prenant la résolution d’écran `1024 x 768` comme taille standard (on retranche les pixels occupés par la barre d’outil du navigateur). Avec l’arrivée massive des NetBooks, j’ai même tendance à placer le fold à 500 pixels. Or, si le fold est une réalité, il ne faut pas hésiter à placer du contenu important sous cette barre des 600px. L’essentiel est que le visiteur ait trouvé des informations au-dessus qui l’encouragent à continuer sa lecture. Comme vous n’êtes pas obligé de me croire sur parole, je vous laisse avec Paddy Donnelly et sa très belle page Life below 600px :

HTML5 — Une orientation encore trop « littéraire » et pas assez « web »

Dans HTML5, il manque quand même la balise `panier` pour aller avec `article`. Ce début de réflexion que je partageais sur Twitter m’est venu en lisant les tables de la loi spécifications de HTML5, notamment la partie semantics. Là, j’ai eu comme une révélation : Les balises HTML et surtout HTML5 sont orientées vers les contenus littéraires (`dialog`), le monde de la presse (`article`) et les publications à caractère scientifique (`section`).

10 conseils pour améliorer votre feuille de style CSS « print »

Les feuilles de style réservées à l’impression sont souvent oubliées alors qu’elles offrent de grands services pour tous ceux qui impriment les pages web pour les consulter plus tard ou simplement pour avoir une meilleure lisibilité si les pages présentent des fonds torturés. Voici l’essentiel en 10 trucs et astuces pour créer une feuille de style CSS réservée à l’impression.

Calcul du PageRank

Le PageRank n’est plus ce que c’était. Autrefois (il y a deux ou trois ans), le PageRank servait de référence absolue pour situer rapidement un site web. Aujourd’hui, les classements ont pris le relais et j’avoue ne plus en tenir compte dans mon surf quotidien : j’utilise Google Chrome et je n’ai pas d’indicateur pour afficher le PageRank des sites que je visite.

Genfavicon — Générateur de favicon

Genfavicon — Un favicon est une image miniature qui prend place devant l’URL du site consulté dans IE8 ou Firefox et/ou dans les onglets de Google Chrome. Ils sont pratiques pour identifier les sites web que vous consultez lorsque plusieurs onglets sont affichés. Pour réaliser un favicon, n’importe quel éditeur d’image peut faire l’affaire. Toutefois, un générateur d’icônes comme Genfavicon vous permettra de gagner du temps en autorisant le recadrage d’une image distante à partir de son URL ou depuis votre poste de travail.

CSS & Navigateurs — 10 problèmes de compatibilité récurrents

Les problèmes de compatibilité entre les feuilles de style CSS et leurs interprétations parfois fantaisistes d’un navigateur à l’autre font partie du quotidien des intégrateurs web et autres webdesigners. Voici une liste  de liens (en anglais) qui vous permettra de reconnaitre et corriger les bugs de rendu qui font tâches dans votre design web :

BBComposer — l’éditeur HTML à consommer sur place ou à emporter

Initialement développé pour les besoins internes de la société ElitWork, BBComposer est un éditeur de texte qui produit du code HTML (mais aussi du Wiki, BBCodes et XBBCodes) dans un environnement WYSIWYG. Nicolas et Mathieu Froidure ont prêté une attention particulière au code généré, avec la sémantique des balises comme fil directeur. BBComposer est une extension Firefox, ce qui le distingue des autres éditeurs HTML sur le marché comme TinyMCE ou CKEditor. Il est donc possible d’utiliser cet éditeur HTML dans votre CMS préféré sans ajouter de plugin.

Quelques notes sur les grilles de mise en page

A mesure que les techniques des langages du web l’ont permis, des designers web talentueux ont travaillé à l’élaboration d’environnement de travail permettant de mettre en place des systèmes de grille adaptés aux contraintes de la création de pages web. Contrairement à l’imprimé où le langage de description de page Postscript d’Abode 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).