CSS
Structure de base
- Ecriture d'une règle CSS -> selecteur {propriété : valeur; propriété2 : valeur 2;}
- Ecriture d'une règle CSS avec pseudo-élément (texte -> first-letter,...) ou pseudo-class(intéraction -> lien,...) -> selecteur:pseudo {propriété : valeur; propriété2 : valeur 2;}
- Disposition valeurs pour une propriété en 4 éléments -> sélecteur {propriété : haut, droite, bas, gauche;}
- Disposition valeurs pour une propriété en 2 éléments -> sélecteur {propriété : gauche/droite, haut/bas;}
- Termes utilisés : règle, sélecteur, déclaration, propriété, valeur, pseudo-élément
Concepts à connaitre
- Comprendre la force d'un sélecteur
- Fusion des marges
- Plein de trucs à savoir
- Z-index et contextes
- Comportement block
- Les Préfixes à utiliser
- Gérer la taille du texte en em
- Font-size : EM vs PX vs PT vs %
- HSL vs RGB
- Explication en vidéo FR des différentes unités de texte
- Replaced Element (img, input,...)
- Explications d'une banner animée sans utiliser d'images
Aller plus loin sur le RWD
- Tutoriel de création d'un site responsive
- Smashing : ultimate toolkit
- Font-size, responsive et accessibilité : le bon, la brute et le truand
- Pourquoi continuer à utiliser les "em" pour les typographies
- Validation sans maquettes (philosophie)
- Comprendre le Viewport dans le Web mobile li>About meta viewport tag
- Adapter vos sites pour les écrans retina
- MyDevice (listing taille des écrans) / Screensiz.es (listing taille des écrans)
- Viewport : adieu width=device-width ?
- How to Use Responsive Web Design to Support Old Browsers