Ina corporate

Après une année de travail, le nouveau site corporate de l’institut national de l’audiovisuel:  institut.ina.fr est en ligne. Au sein de l’équipe projet, j’ai pris en charge le développement front-end et la déclinaison de la charte graphique.

Publicités
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 →

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 →

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 →

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.