Compatibilité des CSS

Cette présentation concerne les problèmes liés à la compatibilité des propriétés CSS avec les différents navigateurs.

Le modèle de boîte en CSS

En CSS, tous les éléments sont rangés dans des boîtes (en anglais box). Lorsque l’on travaille sur la mise en page et le positionnement des éléments HTML il est alors …

Les niveaux ou types d’éléments en CSS

Afin de mieux comprendre le comportement des balises HTML, il est important de distinguer les différents types d’éléments HTML. Le niveau ou le type d’une balise va déterminer son affichage …

Les couleurs en CSS

Les couleurs sont essentielles lors de la création d’une interface web avec CSS. Ce cours vous présente les différentes manières de coder les couleurs pour les exploiter dans vos feuilles …

Custom properties ou variables CSS

Ce support de cours présente les propriétés personnalisées en CSS (custom properties en anglais) que l’on appelle également les variables et qui permettent notamment d’enregistrer une valeur afin de la …

Inline/Block & Modèle de boîte

Ce support de cours aborde deux sujets utiles pour la compréhension de la mise en forme et du positionnement des éléments en CSS : la distinction entre les deux types de …

Responsive Web Design

Ce support de cours concerne les méthodes permettant d’adapter un site web en fonction du support de consultation (ordinateur, smartphone, tablette…)

SASS, DRY et fonctions

Ce support présente les différents outils disponibles dans SASS pour vous permettre de répondre à un besoin essentiel de programmation consistant à éviter les répétitions de code dans une application : …

SVG et CSS

Ce support de cours vous présente la manière d’utiliser des images SVG dans une page web et comment les manipuler avec CSS

Transitions en CSS

Support de présentation sur les transitions en CSS qui permettent de modifier progressivement une ou plusieurs propriétés CSS suite à un événement comme le survol de la souris.

Transformations en CSS

Ce support de cours est destiné à présenter le principe de fonctionnement des transformations (exemples : rotation ou translation) en  CSS.

Présentation de SASS

Cet article contient un support de présentation sur le langage de génération de feuilles de style Sass.

Animations en CSS

Support de présentation sur les animations en CSS qui permettent de modifier progressivement une ou plusieurs propriétés CSS au chargement de la page.

Polices en CSS

Ce support de présentation concerne la gestion des polices dans une page html. Il s’agit de voir comment personnaliser une police et/ou intégrer des polices exotiques dans une page.