Jean-Luc Boucho - Azure DocumentDB - Global Azure Bootcamp 2016 Paris
Les Frameworks CSS, par Raphaël Goetter & Nicolas Hoffmann
1. Et si on enrichissait nos
(micro-)Frameworks CSS ?
Par Raphaël Goetter et Nicolas Hoffmann
@goetter & @Nico333fr
KNACSS & RÖCSSTI
Dupond et Dupont
(ok on a compris, ils sont deux)
2. 1) Des Frameworks CSS ?
Des micro-frameworks (KNACSS, RÖCSSTI,
INUIT, Cardinal, Starting Blocks, etc.)
●
Des usines complètes (Bootstrap, PureCSS,
BluePrint, Kube, etc. )
●
Des frameworks à thème (BaselineCSS,
Unsemantic, Elastic CSS, YUI 2 Grids, etc. )
●
Des resets ? (Eric Meyer’s “Reset CSS”,
Normalize.css, etc.)
●
3. 1) Ce que ça apporte
Se faciliter la vie (box-sizing, vertical rythm,
tailles de polices, etc.)
●
Économiser du temps (positionnement, snippets,
responsive, start-base, etc.)
●
Ne pas réinventer la roue (classes réutilisables,
maintenabilité, base stable pour équipe, éviter
d'oublier qqch, etc.)
●
4. 1) Ce qu'on pense qu'il doit y
avoir
Indispensable dans un
framework HTML / CSS
Le bonus d’un framework
ce qu’il ne faut pas attendre
d’un framework
un reset CSS
des grilles et modèles de
positionnement
des hacks, des !important, de la
bidouille
des classes réutilisables
des positionnements évolués
(flexbox)
des parties de code non standards
des bonnes pratiques et des
conventions
des versions préprocesseurs
(LESS / Sass / Stylus)
des snippets utiles une fois dans
sa vie
une organisation de code
responsive / mobile first
du design intégré au framework
(thèmes, couleurs)
des bouts de code pratiques
gestion des tableaux
du JavaScript (ou pire : jQuery)
du positionnement facilité
gestion des formulaires
une production accélérée
support du média print
un apprentissage rapide
gestion du rythme vertical
support navigateur élevé et
clairement indiqué
5. 2) Quelques sujets « sensibles »
a) Quid des micro-frameworks ?
=> Pourquoi on a fait ce choix
10. 3) Atelier Open-CSS
QQ sujets qu'on vous propose (pas
obligatoires) :
Retour d'XP sur nos micro-frameworks
(préprocesseurs, mobile-first, etc.)
●
Grilles/Flexbox
●
Si qqu'un a des retours d'XP de mise en place
de framework + lourds
●
Conventions de nommage
●
Gestion du versioning ?
●
Etc.
●