A la découverte de Jade

“Un Moteur de Template”. Ça vous dit quelque chose ? Vous en connaissez peut-être déjà : Smarty, twig, EJS, Haml etc.

Aujourd’hui, l’utilisation de ces moteurs est devenue une monnaie courante : ils sont simples à mettre en place, leurs langages sont faciles à écrire et permettent de produire du HTML très rapidement. De fait, tout ce qui est fait en plusieurs lignes de codes peut se simplifier en seulement quelques petites lignes. C’est la fameuse méthode DRY : don’t repeat yourself !

Continuer la lecture

Centrer horizontalement en mode tabulaire en CSS

Pour centrer un élément horizontalement vous avez plusieurs possibilités.

Vous utilisez peut-être le fameux “margin:auto”, le problème c’est que le CSS doit connaitre à l’avance combien de pixels il doit espacer ses marges sur chacun des côtés de votre élément. Et par conséquent, vous avez besoin de renseigner la taille de l’élément pour le center.  Ça marche bien.

Continuer la lecture

Preboot : Une collection pour LESS

Pour ceux qui travaillent sur LESS, si vous ne cherchez pas à vous encombrer d’un tas de frameworks lourds pour votre projet. Alors vous devriez faire un tour sur Preboot !

Grandement inspirés de bootstrap, vous retrouverez des variables et autres mixins intéressants à reprendre. Ça peut être une bonne inspiration pour assembler et créer votre propre fichier LESS plutôt que reprendre de simple classe comme on le fait habituellement sur des frameworks tel que bootstrap ou foundation etc.

C’est par ici que ça se passe : http://getpreboot.com

Optimiser vos images

Pour optimiser votre image, vous faites comment ? Dans Photoshop ? Enregistrer pour le web ? C’est bien. Oui, mais comment ? Petit retour d’expérience sur les modes d’enregistrement & Cie pour optimiser au mieux une image destinée au web.

Continuer la lecture

Outline:none ?

L’outline en CSS

Petite astuce en CSS. Je vois par moment, sur certains sites (quand on clique sur les liens), un petit outline. Une sorte de contour en pointillé tout moche, tout nul.

En tant que Webdesigner, je ne veux pas voir d’éléments imprévus de ce type venir casser mon design. En plus, si le design est centré le outline va commencer à la gauche du navigateur pour atteindre le lien et le contourner pour revenir au départ. Résultat : vous avez un énorme rectangle en pointillé. L’enfer.

Continuer la lecture

ALT, un texte alternatif

Dans le Web Design il faut prendre en compte l’accessibilité. Faire du beau, c’est bien, mais on oublie souvent qu’il n’y a pas que des personnes avec un écran plat de 28 pouces derrière un beau bureau.

L’accessibilité utilisateur fait partie du travail inhérent à la fonction du Web designer. Voyons ça en détail…

Continuer la lecture