🔧 OUTILS pratiques pour développeurs

• Télécharger des Fonts Google
• Télécharger des Icônes Fontawesome
• Choisir des palettes de couleurs
• Choisir de dégradés de couleurs / Genérateur de dégradés CSS
• Générateurs d'effets et Ressources : HTML-CSS-JS / CSS Portal
• Images gratuites : Unsplach / Pexels
• Compresser des images en ligne
• Voir la compatibilité d'une propriété CSS ou JS sur les navigateurs
• Tester la performance d'un site
• Coder du HTML CSS JS en ligne

⚙ Propriétés CSS

• Définir les TAILLES d'éléments en CSS responsive
• Faire un effet d'ellipse pour tronquer le texte (...)
• Les BACKGROUND
• Ordre d'affichage en CSS (z-index)
• Effet Frost/Glassmorphism
• Effet Neomorphism
• Les TRANSFORMATIONS translate/rotate/scale
• Clip-path animation
• Text effet 3D
• Text effet NEON

🧩 Composants HTML CSS JS

• Navigation par onglet
• Navigation par onglet accessible
• Navbar responsive
• Menu Hamburger 3D
• Bouton DropDown (menu déroulant)
• Bouton Go to Top
• Bouton flottant avec cadre info au survol
• Cartes 3D recto/verso
• Calendrier personnalisé en JS

📰 Les dispositions d'élèments : LAYOUT

• Les élèments de type Inline / Block
• Les Tableaux
• Disposition du texte autour des éléments flottants
• Les FLEXBOX
• Les GRID Layout
• Le Positionnement ABSOLUTE / RELATIVE
• Exemple de Page Responsive en FLEX / GRID/ ABSOLUTE

🖼 Les PAGES

• Page d'accueil Full IMAGE
• Page d'accueil Full VIDEO