10 nouvelles astuces CSS VOLUME 3
ERROR
00:00
00:00

TUTO 10 nouvelles astuces CSS VOLUME 3

Adrien Gazaix
10,00€

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
11m50s
Leçon 2Effet produit de Photoshop
05m55s
Leçon 3Défilement vertical de phrases
11m18s
Leçon 4Cacher un logo derrière un titre H1
09m58s
Leçon 5Remplir un bouton de gauche à droite au mouseover
11m44s
Leçon 6Effets prédéfinis de Google Font sur des polices
11m16s
Leçon 7Iframe vidéo youtube responsive
11m12s
Leçon 8Customiser la scrollbar des navigateurs Webkit
06m30s
Leçon 9Centrer verticalement une div en position absolute
07m30s
Leçon 10Intégrer un logo en SVG, couleur & échelle
08m22s

Avis des apprenants

Détail des avis
263
Apprenants
4
Commentaires
4,5/5
Note moyenne
5/5
3
4/5
0
3/5
1
2/5
0
1/5
0
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 !!!
Redouane Guechoud
Redouane Guechoud
Publié le 02/07/2016
Ayant suivi les 2 premières formations, CSS Vol 1 et 2, je suis satisfait du fait qu'on apprenne encore ici. Les explications sont claires et, perso, ce formateur fait partie du peloton de tête chez moi, pour tout ce qui concerne le WEB.

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

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données