$ 10.00

Tuto 10 nouvelles astuces CSS VOLUME 3 avec CSS

$ 10.00

  • Une formation vidéo de 1h35m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bundle : 30 astuces CSS pour intégrer plus rapidement !
Retrouvez cette formation dans le bundle :

Bundle : 30 astuces CSS pour intégrer plus rapidement !

-23% de réduction

voir les détails du bundle


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 !

Table des matières de cette formation CSS (durée : 1h35m)

    • Couleur de sélection & placeholder 00:11:50
    • Effet produit de Photoshop 00:05:55
    • Défilement vertical de phrases 00:11:18
    • Cacher un logo derrière un titre H1 00:09:58
    • Remplir un bouton de gauche à droite au mouseover 00:11:44
    • Effets prédéfinis de Google Font sur des polices 00:11:16
    • Iframe vidéo youtube responsive 00:11:12
    • Customiser la scrollbar des navigateurs Webkit 00:06:30
    • Centrer verticalement une div en position absolute 00:07:30
    • Intégrer un logo en SVG, couleur & échelle 00:08:22



Formateur : Adrien Gazaix

Adrien Gazaix a publié 90 tutoriels et obtenu une note moyenne de 4,7/5 sur 23 412 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

4,5
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 5
    avis de jeanlev laissé le 10/07/2016
    Très bien, Les explications sont parfaites. Bon tuto.

  • 5
    avis de loupou laissé le 07/07/2016
    Comme toujours le top du top, j'ai appris plein de nouvelle chose en css, merci !!!

  • 5
    avis de redouane711 laissé 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.

  • 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
accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement