Comment créer des transitions de page fluides
Sur un site web classique, chaque changement de page est brutal : écran blanc, rechargement complet, contenu qui apparaît d'un…
Lire le tutoriel
Blog & Tutoriels
Nos Tutoriels
Des tutoriels pratiques et détaillés pour maîtriser le numérique. Développement web, SEO, cybersécurité, marketing digital et plus encore.
Tous
Développement Mobile
Self-hosting
Développement Web
Business Digital
Cybersécurité
Intelligence Artificielle
Bureautique & Productivité
WordPress
E-commerce
Marketing Digital
Design & UX
SEO & Référencement
Carrière & Entretien
Tutoriel : Créer des graphiques et charts pour le web
Un tableau de 500 lignes est incompréhensible. Le même dataset présenté en graphique raconte une histoire en 2 secondes. La…
Lire le tutorielCSS modernes Baseline 2026 — container queries, subgrid, :has, scroll-driven animations
CSS modernes Baseline 2026 — container queries, subgrid, :has(), nesting natif, scroll-driven animations, anchor positioning, OKLCH et color-mix. Syntaxes vérifiées…
Lire le tutorielComment créer un portfolio design impressionnant
Dans le monde du design et du développement, personne ne vous embauche sur la base d'un CV. Les clients et…
Lire le tutorielConcevoir une page d’accueil qui convertit — méthode et structure 2026
Concevoir une page d'accueil qui convertit — comprendre ce que cherche le visiteur en 8 secondes, structurer hero/preuve/problème-solution/témoignages/FAQ/CTA, performances mobile,…
Lire le tutorielGuide : Le design inclusif — au-delà de l’accessibilité
Au Sénégal, plus de 15% de la population vit avec une forme de handicap. Mais l'accessibilité web va bien au-delà…
Lire le tutorielTutoriel : Le design de cartes (card design) pour le web
La carte (card) est le composant UI le plus répandu sur le web. Google, Facebook, Airbnb, Amazon — tous structurent…
Lire le tutorielTypographie web 2026 — variables, font-display, text-wrap, échelle fluide
Typographie web 2026 — chargement font-display et preload, polices variables et axes wght/wdth/opsz, text-wrap balance/pretty, OpenType, échelle modulaire fluide avec…
Lire le tutorielGuide pratique : Le design thinking appliqué au web
Le design thinking n'est pas qu'un buzzword — c'est une méthodologie structurée utilisée par les plus grandes entreprises technologiques pour…
Lire le tutorielGuide : L’architecture de l’information expliquée
L'architecture de l'information (AI) est la façon dont vous organisez et structurez le contenu d'un site web. C'est le plan…
Lire le tutorielTutoriel : Les animations SVG pour le web
Un logo animé en GIF pèse 200-500 Ko. Le même en SVG animé : 5-15 Ko. Le SVG est vectoriel…
Lire le tutorielComment créer un style guide pour votre marque
Ce guide couvre le style guide — le pont entre la charte graphique statique et le design system codé. C'est…
Lire le tutoriel