10 nouvelles astuces CSS VOLUME 3
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO 10 nouvelles astuces CSS VOLUME 3

Adrien Gazaix
9,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation CSS Volume 3, nous allons découvrir 10 nouvelles astuces pour faciliter toujours plus l'intégration de votre site internet.

Au programme de ce tuto 10 astuces CSS Volume 3 :

  • Modifier la couleur de sélection d'un texte ainsi que celle du placeholder (dans un champ de formulaire par exemple)
  • Reproduire l'effet produit de Photoshop sur une image grâce au blend mode
  • Faire défiler plusieurs phrases sur une même ligne en jouant sur l'animation, la durée, et la couleur de celles-ci
  • Cacher un titre h1 derrière un logo (pour que les robots de Google puisse lire le contenu quand ils passent sur votre site)
  • Remplir un bouton d'une couleur de gauche à droite, au passage de la souris
  • Utiliser des effets prédéfinis sur vos polices grâce à la Google Fonts API
  • Rendre une iframe d'une vidéo youtube entièrement responsive tout en gardant le ratio 16/9 original
  • Customiser la scrollbar sur les navigateurs utilisant le moteur de rendu Webkit (Google chrome, Safari, Microsoft Edge)
  • Centrer verticalement une div positionnée en absolu avec & sans hauteur définie
  • Intégrer un logo en SVG, changer ses couleurs & son échelle lors du mouseover

Les Volume 1 & 2 sont disponibles sur la plateforme :

Toutes les sources de chaque astuce sont fournies dans des dossiers séparés pour faciliter le suivi de chaque vidéo.
Il est conseillé d'avoir les bases du HTML et du CSS pour suivre cette formation dans de bonnes conditions.
Bonne formation à tous !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Couleur de sélection & placeholder
Leçon 2
Effet produit de Photoshop
Leçon 3
Défilement vertical de phrases
Leçon 4
Cacher un logo derrière un titre H1
Leçon 5
Remplir un bouton de gauche à droite au mouseover
Leçon 6
Effets prédéfinis de Google Font sur des polices
Leçon 7
Iframe vidéo youtube responsive

Plan détaillé du cours

Leçon 1Couleur de sélection & placeholder
11m50
Leçon 2Effet produit de Photoshop
05m55
Leçon 3Défilement vertical de phrases
11m18
Leçon 4Cacher un logo derrière un titre H1
09m58
Leçon 5Remplir un bouton de gauche à droite au mouseover
11m44
Leçon 6Effets prédéfinis de Google Font sur des polices
11m16
Leçon 7Iframe vidéo youtube responsive
11m12
Leçon 8Customiser la scrollbar des navigateurs Webkit
06m30
Leçon 9Centrer verticalement une div en position absolute
07m30
Leçon 10Intégrer un logo en SVG, couleur & échelle
08m22

Avis des apprenants

Détail des avis
342
Apprenants
5
Commentaires
4,4/5
Note moyenne
5/5
3
4/5
1
3/5
1
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 20/09/2024
Excellent Tuto, mais je trouve qu'il manque quelques indications sur le bon fonctionnement sur certains navigateurs. Par exemple, l'Astuce 9 ne fonctionne pas sous Firefox, pourtant il n'y a aucun WebKit mis en oeuvre.
Jean Levallois
Jean Levallois
Publié le 10/07/2016
Très bien, Les explications sont parfaites. Bon tuto.
Christophe
Christophe
Publié le 07/07/2016
Comme toujours le top du top, j'ai appris plein de nouvelle chose en css, merci !!!

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 2, CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 9,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1428 tutos gratuits

Notre politique de protection des données