Objectif Frontend. Comment modifier facilement des boutons radios
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
23m19
de formation
3
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Objectif Frontend. Comment modifier facilement des boutons radios

4.8/5 Trustpilot (1397 avis) Satisfait ou remboursé
23m19
de formation
3
leçons vidéo
1
chapitre

Dans ce cours en ligne, je vous propose d'apprendre comment modifier facilement des boutons radios en vue de les rendre beaucoup plus agréables pour vos utilisateurs.

Pour cela, nous allons utiliser une partie de nos connaissances en langage CSS afin de permettre la manipulation des simples boutons radios HTML, sans en modifier leur fonctionnement.

Cet objectif Frontend a pour but d'améliorer l'expérience utilisateur sur vos sites et applications.
Je mets les codes de ce tuto à votre disposition.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Pour aller plus loin dans les connaissances utilisées dans ce tutoriel, je vous propose un tuto dédié aux combinateurs CSS.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en forme de la section
Leçon 3
Manipuler les boutons radios

Table des matières

Leçon 1

Mise en place du code HTML

05m08
Leçon 2

Mise en forme de la section

09m11
Leçon 3

Manipuler les boutons radios

09m

Aperçus

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 16/05/2023
Les boutons radio sont plus agréables sous la forme de jolis boutons et pas compliqué à transformer. Merci beaucoup. Et oui bien sûr que j'aime vos tutos :-)
Carl Brison
Carl Brison
Merci beaucoup, Valérie ;-)
Alain Tardif
Alain Tardif
Publié le 28/01/2023
Merci Carl pour ce cours sur la personnalisation des boutons radio en CSS. Le masquage des inputs avec `display: none;` et le ciblage via `:checked + label` permettent un rendu épuré 🎨. L’effet `transition` améliore l’expérience utilisateur, et `background-color` sur `:hover` ajoute une touche dynamique. Plus d’excuse pour des boutons radio ennuyeux ! 🟢 Validé 100%.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire Alain ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 23/06/2022
simple, rapide, efficace...
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code complet de ce tuto

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
23m19 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 790 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données