Massimo Mancini - Unsplash

Démarrage avec Vue.js

Dans la dernière newsletter de CSS-Tricks, Chris Coyer explique son intérêt pour Vue.js, un framework javascript léger.

Vue (prononcé / vjuː /, comme view) est un framework progressif pour construire des interfaces utilisateur. Contrairement à d’autres frameworks monolithiques, Vue est conçu à partir du sol pour être adopté progressivement.

Ça m’intrigue et comme je suis toujours à la recherche de nouveaux outils pour améliorer mon environnement front-end et faciliter l’intégration, je me lance.
Je commence par lire la documentation sur le site vuejs.org et j’essaye de me familiariser avec ce framework. Autant le dire, la documentation est complète et  bien faite mais c’est long. En bon autodidacte, je ne résiste pas, je veux tester tout de suite. Allez hop on y va.

Lire la Suite →

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 →