CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 et CSS3 - Tutoriel vidéo avec un expert du Web

Outils en Ligne pour la Création Graphique CSS

Retour à la formation
Chapitre 5 Leçon 3
Précédent
Suivant

Explorez divers outils en ligne, tels que display-inline.fr, css3please.com et westciv.com, pour simplifier la création de dégradés, d'éléments à bord arrondi et de transformations CSS.

Détails de la leçon

Description de la leçon

Dans cette vidéo, nous découvrons plusieurs sites web utiles pour la création graphique en CSS. Le site display-inline.fr propose un générateur de dégradés facile d'utilisation. Il suffit de sélectionner une couleur de départ et une couleur d'arrivée pour voir le résultat immédiatement. En outre, le site fournit un code compatible avec différents navigateurs, accompagné de fichiers PNG et SVG.

Ensuite, nous explorons css3please.com, où l'on peut facilement ajuster les valeurs de divers attributs CSS comme le Border Radius et la rotation. Les modifications sont instantanément visibles, et le code résultant peut être copié en un clic.

Enfin, nous visitons westciv.com, offrant divers utilitaires pour les dégradés, les ombres, les transformations, et les Textrokes. Chaque outil génère du code CSS prêt à l'emploi, simplifiant grandement le travail des développeurs.

Pour compléter, le site gradient.girzad.com se spécialise dans la création de dégradés avec une interface intuitive permettant de sélectionner plusieurs couleurs et de copier le code généré pour une intégration facile dans vos projets HTML.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Présenter des sites web qui facilitent la création graphique en CSS.
  • Montrer comment utiliser ces outils pour générer des dégradés, bordures arrondies et transformations.
  • Fournir des exemples pratiques et des codes prêts à l'emploi.

Prérequis pour cette leçon

Pour tirer le meilleur parti de cette vidéo, il est recommandé d'avoir des connaissances de base en CSS et en développement web.

Métiers concernés

Les connaissances acquises dans cette vidéo peuvent s'appliquer aux métiers suivants :

  • Développeur Front-End
  • Web Designer
  • Intégrateur Web

Alternatives et ressources

Parmi les alternatives, on peut également utiliser :

  • Gradient.io - pour créer des dégradés CSS.
  • Border-radius.com - pour générer des bordures arrondies.
  • Transform-css.com - pour appliquer des transformations CSS.

Questions & Réponses

Sur display-inline.fr, on peut créer des dégradés linéaires et radiaux en spécifiant les couleurs de départ et d'arrivée.
Css3please.com permet de modifier directement des valeurs CSS comme le Border Radius et de visualiser les changements en temps réel, offrant un code prêt à copier.
Westciv.com propose des utilitaires pour réaliser des dégradés, des ombres, des transformations et des Textrokes (petites bordures autour des textes).