Blog

Guillaume Duverger

Développement & graphisme


Masquer

Bienvenue sur ce blog

Depuis 2009, l'objectif de ce blog est de vous faire partager créations et découvertes en matière de graphisme et de développement. Vous trouverez des cours sur différents langages, des astuces, des tutoriels, des ressources à télécharger et bien plus... En espérant que cette visite vous soit la plus agréable possible.

⚠️ : Mise à jour du blog mai 2019. Certains cours ont été revus et augmentés. De nouvelles démonstrations sont présentes. De même, des astuces, des tutoriels... ont fait leur apparition.

Derniers ajouts :

Bouton transition CSS clip-path

Voir démonstration

Démonstration sur un bouton avec des transitions CSS en utilisant la propriété de forme clip-path.

Slider transition filtres CSS

Voir démonstration

Diaporama responsive CSS Grid

Diaporama responsive CSS Grid Voir démonstration

Menu flexible CSS flexbox & CSS Grid

Voir démonstration

CSS-doodle : dessiner des motifs avec CSS

Voir démonstration

Utilisation d'un web component pour composer un motif animé avec CSS.

Sous-titres vidéo pseudo-élément CSS ::cue

Sous-titres vidéo pseudo-élément CSS ::cue Voir démonstration

Petite démonstration de l'utilisation du pseudo-élément ::cue qui permet de styliser les textes sur une vidéo.

Les dégradés coniques (conic-gradient)

Les dégradés coniques (conic-gradient) Lire l'article

Il n'existait jusqu'à présent que ces deux types de dégradés, ce qui limitait un peu la créativité. C'est ainsi que sont apparus les dégradés coniques dans le quatrième niveau du module CSS Image Values and Replaced Content. On parle de dégradé conique car, vu du dessus, la répartition des couleurs fait tout simplement apparaître un cône...