blog

Vestiges d’un CSS Guru

Catégorie : Bien développer

Billet

Bootstrap et Ruby on Rails : même combat

Premier mot : j’adore Bootstrap.

Comme pour tout framework, j’étais très sceptique au départ, lorsqu’il est sorti en août dernier : un design tout fait ? Des CSS avec LESS ? Un amalgame contenu HTML / présentation ?

Mais la dernière version sortie il y a quelques semaines a vraiment rafiné le design et l’équilibre global, et amélioré un étonnant nombre d’éléments : boutons, menus, pagination, tabs, dropdowns…

Lire la suite →

Billet

WordPress en Tumblr : le flux RSS aussi

Il est facile dans un thème de WordPress de manipuler l’affichage des différents éléments d’un Post. Si je devais récapituler ce que chacun de mes formats de Post contient, ça donnerait :

contentexcerptfeatured imagecustom field
ArticleOuiFacultatifFacultatif
LienOuiOui
ImageOuiOui
CitationOuiOuiOui
BrèveOui

Avec cette répartition des infos, des Conditional Tags et des Templates de Post Format, je peux manipuler à ma guise l’affichage différencié.

Lire la suite →

Billet

Comprendre le line-height

Le line-height est une propriété de base très importante mais trop souvent mal utilisée. En fait, elle est très souvent ignorée, ou bien définie approximativement parce qu’elle concerne l’espace qu’occupe le texte. Et visuellement, le texte est difficile à mesurer. Néanmoins, le line-height est essentiel au confort de lecture ainsi qu’à l’équilibre spatial d’une page web.

Je vais essayer d’expliquer le peu qu’il y à comprendre en m’appuyant sur un élément que vous venez de lire : le titre de mon billet.

Lire la suite →

Statut

J’avais aperçu Bootstrap peu après sa sortie, sans trop accrocher. Pour cause : c’est un framework HTML-CSS. Et comme beaucoup de frameworks, il mélange contenu et mise en page. Ex : <div class=”span6″> pour un élément qui fait 6 colonnes de large. La séparation contenu (HTML) et mise en page (CSS) n’est plus garantie. Et l’intégrateur têtu mais exigeant que je suis ne peut l’accepter.

Billet

Une collection d’astuces CSS

Dans la famille des “Cadeaux Web Design qu’il vaut mieux donner que jeter à la poubelle”, voici une petite liste d’astuces CSS glanées au fil du temps. Elles est destinée à tous les niveaux, et peut être agrandie par vous-même en m’envoyant vos supers astuces, ou bien par moi-même si jamais d’autres idées lumineuses me reviennent…