Pratiques
- Outils
- HTML
- CSS
- Problèmes communs
- Pratiques
- Méthodologiques
- Définir des conventions de style de code en équipe
- Séparation des préoccupations
- Utiliser les class CSS plutôt que les id pour le style
- Positionnement : privilégier Grid Layout en priorité, puis flexbox
- Réduire la spécificité en CSS
- Concevoir en "mobile first"
- Amélioration
progressive
- Approches CSS
-
Historique
- Sémantique
- CSS Zen Garden
- BEM
- Atomique
- Challenging CSS Best Practices, pourquoi la séparation des
préoccupations n'est pas forcément toujours une bonne idée en CSS
- Hybride (en partie sémantique, en partie classes utilitaires)
- Style de code automatique
- Linters
- Formatteurs
- Conventions de structuration CSS
- BEM
- OOCSS
- SMACSS
- Design System
- Techniques / Outils
- Générateurs de sites statiques
- Pré-processeurs CSS
- Sass
- LESS
- Stylus
- Frameworks CSS
- Bulma
- Tailwind
- Bootstrap
-
Ethiques
-
Dark Patterns (ou design trompeur)
- Pratiques obsolètes
- Accessibilité numérique
- Eco-conception numérique