Étiquette : Flexbox
-
Calculer en css
Temps de lecture : < 1 minute La fonction CSS calc() est un outil extrêmement puissant pour les développeurs web, et son utilisation présente plusieurs avantages, particulièrement pour les étudiants en développement web. Calc() permet de mélanger différentes unités de mesure dans une seule expression, comme combiner des pourcentages avec des pixels… Premièrement, calc() permet de mélanger…
-
Particules dans le DOM
Temps de lecture : 2 minutes Animer avec le Canvas 2D Le code suivant illustre comment les technologies frontales peuvent être utilisées de manière créative pour créer des expériences web interactives et visuellement intéressantes. JavaScript avec p5.js Le Canvas HTML est un élément HTML (<canvas>) qui permet de dessiner des graphiques via le scriptage, habituellement avec…
-
Diaporama horizontal
Temps de lecture : 2 minutes Une mise en page conçue pour une expérience de défilement horizontal où chaque div remplit un écran, et où l’utilisateur est invité à faire défiler vers la droite ou la gauche pour passer d’un écran à l’autre. Cela crée un effet de diaporama ou de présentation de type « carrousel ». Un…
-
Centrer avec Flexbox
Temps de lecture : 3 minutes Comment maitriser parfaitement le positionnement dans un conteneur. Centrer horizontalement et verticalement des éléments dans la page Les bases de compréhension Il est important de comprendre la notion d’axe principal et d’axe secondaire.SI flex-direction : rows, l’axe principal est une ligne, sinon c’est une colonne. Concrêtement Essayez ! Les éléments…