Aller au contenu principal

Guillaume Duverger Code & graphisme

Les nouvelles pseudo-classes en CSS

Des différentes façons de créer une infobulle en CSS

(En cours d'écriture)

20%

Les info-bulles sont d'excellents outils pour fournir des explications simples et rapides en incluant des informations (spoil alert : d'où le nom d'info-bulle) supplémentaires. On peut les trouver sur des liens hypertexte notamment...

Des différentes façons de créer un tableau CSS

Des différentes façons de créer un tableau (responsive) en CSS

(En cours d'écriture)

40%
Créer un menu hamburger en CSS

Créer un menu hamburger en CSS

Devenu incontournable, le menu dit "hamburger" ou "burger" peut se décliner de différentes manières. Symbolisé par un pictogramme ressemblant à un hamburger, celui-ci invite le visiteur à cliquer pour ouvrir un menu.

10-12min 30 septembre 2022 MAJ : février 2024
Ajouter un coin arrondi à l'arrière-plan d'une bordure

Ajouter un coin arrondi à l'arrière-plan d'une bordure

Avez-vous déjà tenté d'ajouter un coin arrondi sur l'arrière-plan d'une bordure ? Si tel est le cas, vous avez sans aucun doute remarqué que cela n'était pas possible...

5-7min MAJ : juillet 2022
Réaliser une galerie d'images avec CSS

Réaliser une galerie d'images avec CSS

En tant que développeur, vous avez certainement déjà été confronté à la création d'une galerie d'images. Cela peut très vite se transformer en casse-tête...

5-7min MAJ : avril 2024
Des différentes façons de créer un overlay en CSS

Des différentes façons de créer un overlay en CSS

L'overlay est la couche grisée qui recouvre la fenêtre d'affichage et qui se trouve en dessous de la boîte de dialogue. Très pratique pour mettre en évidence un élément en particulier...

5-7min MAJ : mai 2024
Centrer un élément avec CSS

Centrer un élément avec CSS

Vous avez sans aucun doute déjà essayé de centrer un élément avec CSS. C'est un classique et pourtant il arrive dans certains cas que l'on n'obtienne pas l'effet désiré...

5-7min MAJ : avril 2024
Personnalisez les éléments de formulaire avec CSS

Personnalisez les éléments de formulaire avec CSS

C'est un fait connu des développeurs, il n'est pas aisé de styliser en CSS des éléments de formulaire HTML. Nous allons voir quelques astuces simples qui vous éviteront des tracas...

5-7min MAJ : juillet 2022
Obtenir un effet lisse au défilement

Obtenir un effet lisse au défilement

La propriété CSS scroll-behavior définit le comportement du défilement sur une ancre. Elle permet d'ajouter une transition plus douce lors du défilement...

3-4 minutes MAJ : juillet 2022
En finir avec le saut de page avec CSS

En finir avec le saut de page avec CSS

Phénomène connu des développeurs, qui survient lorsqu'on utilise la pseudo-classe :target afin de cibler un élément ayant un identifiant dans une page, j'ai nommé le saut de page...

min MAJ : juillet 2022
Personnaliser la pseudo-classe :visited

Personnaliser la pseudo-classe :visited

Imaginons que vous mettiez en place sur votre blog une série de liens hypertexte, chacun menant à un article sur une nouvelle page. Vous souhaitez montrer à vos visiteurs, pour plus de clarté, les articles sur lesquels ils n'ont pas cliqués...

min MAJ : juillet 2022
Changer les messages d'erreur d'un formulaire

Changer les messages d'erreur d'un formulaire

Dans ce court tutoriel, nous allons voir comment styler les messages d'erreur dans un formulaire HTML5 avec CSS dans un premier temps, puis dans un second temps avec JavaScript...

min MAJ : juillet 2022
Personnaliser une image manquante

Personnaliser une image manquante

Vous avez certainement déjà eu l'occasion, ne serait-ce qu'en tant que simple utilisateur, de tomber sur un site où au lieu d'une image se substitue une icône (pouvant varier selon le navigateur)...

min MAJ : juillet 2022
Transition sur dégradés CSS

Transition sur dégradés CSS

Parce que les transitions sur les dégradés CSS ne sont pas possibles. Parce que la vie (d'un développeur) est injuste. Il fallait bien prendre les armes et lutter. Nous allons voir quelques petites astuces pour contrer le problème...

min MAJ : juillet 2022