aide-mémoire-html-css
Une aide-mémoire HTML5 et CSS simple et organisée.
Affichage de l'aide-mémoire
Ouvrez simplement html-css-cheat-sheet.html dans votre navigateur. Il n'y a pas de dépendances externes.
Caractéristiques
- Des exemples visuels vous montrent exactement comment les valeurs spécifiques des propriétés s'afficheront. Moins de conjectures.
- Les styles en ligne sont utilisés pour les propriétés de style spécifiques démontrées, mais pas pour les éléments de conteneur ou les échafaudages. Cela rend très facile l'utilisation de l'inspecteur du navigateur pour voir exactement comment le style est appliqué et sur quel élément obtenir la présentation souhaitée.
- Les titres des noms de propriété décrivent la propriété CSS et les exemples visuels spécifiques comportent des valeurs de propriété en dessous.
- Couverture des dernières normes, notamment flexbox et disposition de grille CSS native .
- Couverture des animations d'images clés , des transitions et utilisation de la bibliothèque populaire animate.css .
- Utilise un design réactif et devrait bien s'afficher sur les appareils mobiles, les tablettes et les grands écrans.
Pas un tutoriel
Il existe de nombreuses ressources intéressantes pour apprendre le HTML et le CSS. Cette aide-mémoire ne tente pas de tout enseigner à partir de zéro. Il s'agit d'un rappel et d'une assistance visuelle pour ceux qui comprennent déjà HTML/CSS.
Cette aide-mémoire ne couvre pas JavaScript. Considérez ce tutoriel ou cet autre.
Licence
MIT.
Cotisations
Les demandes de tirage, les rapports de bogues et les suggestions sont les bienvenus. J'essaierai généralement de répondre rapidement aux problèmes, bien qu'il s'agisse d'un projet personnel et je ne peux donner aucune garantie quant à la réactivité.