Catégorie : Tutoriels
Générer des éléments WAVY et BLOB pour vos projets web grâce au SVG
Il peut être compliqué de se lancer dans la création de sections originales en HTML et CSS lorsque que l’on débute en tant que web designer. Heureusement, nos pairs sont passés par là avant nous et ont laissés quelques outils sur internet tout simplement magiques et gratuits ! De plus, nombreux sont les sites qui utilisent cette tendance du web…
Les Boucles – présentation et exemples simples
Pourquoi utiliser des boucles ? Il y a toujours dans un code des actions qui se répètent plusieurs fois, notamment quand il s’agit de parcourir un array (tableau), que ce soit pour en récupérer les données stockées, ou pour effectuer des actions sur ces données, ou via ces données. Les boucles permettent de programmer une action qui sera répétée, parfois…
CSS : dimensionnez vos images avec object-fit !
Vous avez déjà essayé de faire tenir une image dans une cards ? Et ça a été un casse-tête ? Heureusement, une propriété bien pratique en css existe, la propriété object-fit, qui définit la façon dont le contenu d’un élément s’adapte à son conteneur en utilisant sa largeur et sa hauteur. Une image est une matrice de couleur qui a deux…
[#tuto] Media Queries : une bulle de dialogue responsive
Lors de ma première intégration HTML/CSS d’une maquette au format PSD, j’ai été confronté à une problématique que j’ai solutionné grâce aux media queries : une bulle de dialogue positionnée à droite d’une illustration de smartphone en version desktop se retrouve en dessous de ce smartphone en version mobile. Problème : la pointe de la bulle doit se repositionner en…
[#tuto] CSS : un effet élégant, agréable et discret !
Tout est permis ! 1 2 3 4
