Explorez des tutoriels de projets complets, réalisés de A à Z. Suivez chaque étape de création pour apprendre en pratiquant et en développant.
Catégorie : Démo
-
Coder une FAQ en CSS pur et optimisée SEO : Code complet
Apprenez à créer une FAQ en CSS pur, élégante et rapide. Cette foire aux questions optimise votre SEO, améliore l’expérience utilisateur et s’intègre facilement à tous vos projets web.
-
Barre de recherche extensible CSS : Tutoriel + Code complet
Créez une barre de recherche extensible moderne en HTML, CSS et JavaScript. Un tutoriel complet, accessible aux débutants, pour améliorer design, interactivité et expérience utilisateur sur votre site web.
-
Sélecteur de dates en CSS & JS : Tutoriel + code complet
Créez un sélecteur de plage de dates moderne en CSS et JavaScript, sans librairie externe. Un tutoriel clair pour comprendre, personnaliser et intégrer un calendrier interactif dans vos projets web.
-
Tester sur iPhone un site web en développement
Testez efficacement votre site web sur iPhone et détectez les bugs mobiles invisibles sur ordinateur. Améliorez votre responsive, vos performances et l’expérience utilisateur grâce à des méthodes simples et concrètes.
-
Liste complète des Stop-Word français + Comment les supprimer
Liste complète des stop-word français + comment les supprimer pour améliorer vos analyses SEO, nettoyer vos textes et optimiser vos projets avec des méthodes simples depuis le terminal, en PHP ou JavaScript.
-
Comment coder un compteur ou jauge dynamique en CSS
Apprenez à créer un compteur de vitesse CSS moderne avec SVG, animations et JavaScript. Un tutoriel simple pour concevoir une Gauge CSS dynamique afin d’afficher scores, performances ou indicateurs visuels sur votre site web.
-
QR Code JavaScript : Comment coder un QR Code en JS
Apprenez à créer facilement un QR Code en JavaScript grâce à un guide complet pour débutants. Génération dynamique, personnalisation et téléchargement : développez votre propre générateur de QR Code directement dans vos projets web.
-
Coder un template newsletter HTML pour Mailchimp
Apprenez à créer un template newsletter HTML compatible Mailchimp. Découvrez les règles essentielles du HTML pour les emails, des exemples concrets de mise en page et les bonnes pratiques pour des newsletters efficaces.
-
Skeleton loading : Code pour un effet shimmer moderne
Apprenez à coder un Skeleton loading avec effet shimmer en HTML et CSS pour améliorer l’expérience utilisateur, renforcer la perception de vitesse et donner un rendu moderne et professionnel à vos interfaces web.
-
Maccy : maîtrisez le copier / coller sur Mac facilement
Maccy transforme votre presse-papier sur Mac en historique intelligent. Installez-le facilement, retrouvez vos copier / coller en un instant, et gagnez du temps avec des exemples concrets, même si vous débutez.
-
Raccourcis clavier VS Code : gagnez du temps en codant
Apprenez à utiliser les raccourcis clavier VS Code pour coder plus vite, rester concentré et gagner en confort, grâce à une approche progressive pensée pour les débutants en développement web.
-
Webdesign et typographie CSS : Pouvoir lire sans effort
Améliorer la lisibilité d’un site passe par la typographie. Taille du texte, interlignage et choix des polices deviennent des impératifs concrets pour offrir une lecture fluide et confortable et sur les écrans.