Catégorie : HTML/CSS
Ressources externes Dev
https://egghead.io/ -> site payant mais complet https://codemyui.com/ Une présentation, en vidéo et avec le code source associé…
HTML CSS : gérer dimensions des div avec le « box-sizing »
Si on ajoute un padding de 20px à une box de 250px de largeur, les 20px…
WordPress : bâtir son thème from scratch / handcoding.
https://www.google.com/search?q=Construire+theme+wordpress&rlz=1C1ONGR_frFR993FR993&oq=Construire+theme+wordpress&aqs=chrome..69i57j0i22i30l7.18232j0j7&sourceid=chrome&ie=UTF-8
Neutraliser un lien en CSS
Cibler le lien.
Colonnes, grilles,…
Column-count: créer un colonage sur un contenu: https://developer.mozilla.org/fr/docs/Web/CSS/column-count
HTML/CSS: Bootstrap
Classiquement: Breakpoint Class infix Dimensions Extra small None <576px Small sm ≥576px Medium md ≥768px Large…
HTML/CSS: Ancres et liens
Scroll: doux Lien local: Vers la même page: (mène vers un endroit labellisé avec un id= »…
HTML/CSS: Images
Toujours mettre chaque image dans une <div> pour manipuler sans déformer Exemple1: 3 images alignées, prenant…
HTML/CSS: Barre de navigation.
Barre de navigation ‘position relative’ La barre de navigation disparait lors du scroll. HTML : Dans…
HTML/CSS: Variables
Introduire la variable avec :root { nommer la variable avec –nomdelavariable Lui attribuer une valeur. (Ceci…
HTML/CSS :Media Queries
A placer tout en bas de la feuille de styleUtiliser @media exemple: deux containers qui s’affichent…
HTML/CSS : Ancres et Liens.
Lien externe: l’URL après href étant complète, on dit que la valeur de l’attribut href est…
HTML/CSS: Animation lors du hover
: introduit pseudo-classe :: introduit pseudo-élément (L’exemple ci-dessous se base sur le trait réalisé en CSS.)…
HTML/CSS : tracer un trait
balise <hr> Méthode longue mais mieux: Cibler l’endroit où on veut placer le trait: ici le…
HTML/CSS: Formulaires
Balise « form » formulaires attribut « action » -> adresse d’envoi du formulaire (get et post : infos visibles…