Soyez le premier à commenter cet article !

Sam, ma première création

L'article

Posté le 13 Jan 2018 à 12:00 / Modifié le 15 Apr 2018 à 11:33

sam.png

Conception d’un micro-framework SCSS, donc basé sur Sass & définit par les critères suivants : respect de la syntaxe CSS habituelle + responsive design & mobile first + architecture n’imposant pas l’encapsulation inutile dans de multiples balises <div> + classes construites de manière à être utilisées de façon globale + orientation de l’outil vers les animations au chargement, au survol, sur l’élément actif, mais aussi sur les enfants de l’élément ciblé + 2 systèmes de grilles : ‘flexbox’ & ‘grid’ + concaténation possible pour de nombreuses classes entre elles, dont les grilles pour gérer le responsive design de manière plus concise, ou encore les animations pour permettre de très nombreuses permutations donnant un grand éventail d’animations + nombreux helpers : marges, largeurs, hauteurs, polices & curseurs sur l’élément lui-même ou sur le parent pour affecter de manière globale les enfants + système de couleurs proposant de nombreuses variations + barre de navigation permettant toujours de voir les icônes, quelque soit le média d’affichage + système de bordures & d’ombres permettant de multiples permutations + toutes lignes commentées + toutes fonctions ou mixins documentés + tous fichiers initiés par un sommaire du contenu + une seule dépendance : Normalize.css + possibilité de n’utiliser que la librairie CSS sans besoin de comprendre le SassScript + distribution, comprenant le code CSS minifié + publication de l’outil sur NPM (et Bower) => https://www.npmjs.com/package/sam.scss + intégration de l’outil dans un microCMS + documentation en français complète avec des exemples + code open-source disponible sur GitHub => https://github.com/philippebeck/sam.scss

Les Commentaires

Ajouter un commentaire