Le menu hamburger, est une méthode de présentation compacte du menu de navigation pour les interfaces web ou mobile. Cette méthode est utilisée pour économiser de l’espace sur l’écran et améliorer l’expérience utilisateur.
Catégorie : CSS
Catégories
Mettre en forme un tableau HTML
En HTML, les tableaux disposent de propriétés CSS dédiées pour les personnaliser et les mettre en forme.
Voici quelques astuces qui vous permettrons de mieux maitriser l’aspect graphique de vos formulaires.
Catégories
La propriété CSS transform
Incliner un élément, simuler des effets de perspectives, faire une translation,… Toutes ces manipulations sont rendus possibles par une seule règle : transform !
Catégories
Les animations CSS
Aujourd’hui, de nombreux sites web se dotent d’animations pour se démarquer et améliorer l’expérience utilisateur. Les bases de l’animation CSS sont d’une grande simplicité. Du simple effet de survol à l’animation de mise en place des contenus, l’animation vous permettra de dynamiser, moderniser et « humaniser » vos interfaces graphiques.
Catégories
Intégrer une page responsive
Passons maintenant à un exercice un peu plus complet en intégrant une page responsive.
Catégories
Les sélecteurs CSS indispensables
Vous connaissez les sélecteurs de base et pensez que c’est déjà bien suffisant ? Sachez qu’il existe un certains nombre de sélecteurs qui, bien maitrisés, vous permettrons d’alléger votre code et vous simplifierons grandement la tache lors de la création de vos règles CSS. En voici quelques uns…
Catégories
Ajustements et masques CSS
Le travail autour des images pour un site web est un aspect constitutif du référencement. Mais quelles sont les possibilités de manipulations des images offertes par CSS ?
Catégories
Le responsive design
Le responsive design, ou site web adaptatif en français, est un concept de composition de page défini en 2010 par Ethan Marcotte. Il permet de concevoir des sites web en adaptant leur mise en page et leur ergonomie à la majorité des terminaux de lecture et aux modalités de connexion.
La propriété position est une propriété CSS très puissante qui va nous permettre de définir un type de positionnement pour nos éléments.
Catégories
Comprendre le poids des sélecteurs CSS
Parfois, votre CSS ne semble pas avoir d’effet. Vous ajoutez une classe à un élément pour le rendre rouge, et celui-ci reste désespérément bleu. Mais pourquoi ?
Catégories
Les unités de mesure CSS
CSS offre différentes unités pour exprimer les dimensions. Certaines proviennent de la typographie, comme le cadratin (em), d’autres sont connues pour leur usage dans notre quotidien numérique, comme le pixel (px). Il existe également des unités « magiques » relatives à la taille de la fenêtre du navigateur.