Catégorie : Creative Code

  • Diaporama horizontal

    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…

  • Diaporama vertical

    Diaporama vertical

    Temps de lecture : 2 minutes La technique qui utilise le défilement (scroll) d’une page web à des fins créatives est souvent appelée « scrolling parallaxe » ou « effet parallaxe au défilement ». Cette technique implique de déplacer différents éléments de la page web à des vitesses différentes lors du défilement, créant ainsi une impression de profondeur et de…

  • Centrer avec Flexbox

    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…