Partez d’un Google Doc ou d’un JSON et voilà.
Vestiges d'un CSS Guru
Bien développer
Bootstrap et Ruby on Rails : même combat
Billet8 Mar
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…
WordPress en Tumblr : le flux RSS aussi
Billet29 Feb
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 :
| content | excerpt | featured image | custom field | |
| Article | Oui | Facultatif | Facultatif | - |
| Lien | Oui | - | - | Oui |
| Image | Oui | - | Oui | - |
| Citation | Oui | Oui | - | Oui |
| Brève | Oui | - | - | - |
Avec cette répartition des infos, des Conditional Tags et des Templates de Post Format, je peux manipuler à ma guise l’affichage différencié.
Image 
J’ai remplacé le vieux syntax highlighter sur WordPress Le Tutoriel par celui-ci: highlight.js
Pourquoi ?
- Il n’utilise que 2 fichiers.
- Il détecte tout seul le language.
- Il propose l’exceptionnel thème Solarized.
Comprendre le line-height
Billet22 Feb
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.
Lien
→ Un bookmarklet pour tester un responsive web design
Un autre outil très rapide pour tester si un site web est responsive ou pas.
Lien
→ Responsive Design Testing
Outil tout simple mais extrêmement pratique pour tester votre web design sous plusieurs largeurs d’écrans.
D’ailleurs, si vous voulez avoir la même chose mais en local, voici le simple responsive design test page.
Lien
→ Google Web Fonts Families
Because web designers want font families, not just fonts.
Je ne l’aurais pas mieux dit. En effet, le seul souci de Google Web Fonts, c’est qu’il sépare les polices appartenant à une même famille.
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.
Une collection d’astuces CSS
Billet13 Jan
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…
