post-atom

Atom au boulot

J’ai souhaité tester l’éditeur de code Atom au travail et j’ai été rapidement confronté à 2 problèmes : le proxy de l’entreprise et la version de Windows qui équipe mon PC.

Une fois Atom installé sans problème, j’ai ensuite voulu installer un package pour compiler mes fichiers LESS. Après quelques recherches, j’ai choisi less-postcss-autocompile car il propose l’option autoprefixer.

Lire la Suite →

post-less2css

Workflow Bootstrap Sass avec Gulp et Bower

Je vous propose de créer pas à pas un workflow basé sur Bootstrap en version SASS avec Gulp et Bower. Ce workflow basique pourra vous servir de point de départ pour expérimenter les multiples possibilités qu’offre Gulp.
Si vous ne connaissez pas ces outils, vous trouverez facilement des informations très complètes sur le web. Je vous propose également quelques liens à la fin de cet article.

Lire la Suite →

post-css-utilities

CSS utilities pour un projet Bootstrap

Quand on cherche à mettre en place des standards, assurer un code plus générique et une meilleur maintenabilité, créer ses propres classes utilitaires a du sens.
La plupart des frameworks front-end proposent des classes utilitaires (CSS utilities). Après avoir fait l’inventaire le plus exhaustif possible des Helper classes de Bootstrap, j’ai créé mon propre jeu de classes utilitaires complémentaire, au format LESS et intégrant bibliothèque de mixins LESS Hat.

Lire la Suite →

Utiliser une échelle typographique

95% de l’information sur le web est composée de langage écrit. Rythme, lisibilité, texture de l’espace, compréhension : la typographie conditionne l’aspect et le ressenti des sites web. Dans son article How to Use a Modular Scale David Kizler explique les bases de l’échelle typographique et comment l’utiliser. Par ailleurs, si vous souhaitez tester ou créer vos propres échelles, je vous conseille les outils Modular scale et Lamb Typograph.

post-htaccess

Un site WordPress plus rapide avec htaccess

La gestion du cache et de la compression des données est incontournable pour améliorer la vitesse d’affichage d’un site web. Il existe des plugins pour WordPress qui font très bien le travail mais pas forcément nécessaires pour un site de petite taille avec un hébergement mutualisé. Le fichier de configuration .htaccess est une solution pour améliorer les performances.

Lire la Suite →

post-compteurs-css

Chapitrage avec les compteurs CSS

Les compteurs CSS ont été implémentés dans CSS2. Ils permettent de créer des compteurs automatiques et de les imbriquer sans utiliser de JavaScript. Ils ont un fort potentiel et leur compatibilité avec les navigateurs est excellente.
Je vous propose un exemple de chapitrage qui peut être utile pour des contenus classiques (voir rigides) du type conditions générales d’utilisation, mentions légales, etc …

Lire la Suite →