Articles sur la conception Web

Un article est un document de fond, qui ne décrit pas de méthode « pas à pas » contrairement aux tutoriels (163 articles en ligne).

Afficher par niveau : Tous    Débutant Niveau débutant    Intermédiaire Niveau confirmé    Expert Niveau expert

HTML

• Articlehtml STRONG, B, I, EM : gras ou italique, quelle balise utiliser et pourquoi ? Niveau débutant
• Articlehtml Les citations en HTML avec blockquote, cite et q Niveau débutant
• Articlehtml Sécuriser les iframes avec l'attribut sandbox Niveau confirmé
• Articlehtml Les aides au préchargement de ressources Niveau débutant
• Articlehtml L'élément <wbr> Niveau débutant
• Articlehtml Abréviations sur le web, balisage sémantique et exemples de code Niveau confirmé
• Articlehtml Microdata et Schema.org, la sémantique chirurgicale Niveau confirmé
• Articlehtml <meter> et <progress> Niveau confirmé
• Articlehtml HTML5 : attribut rel et relations Niveau confirmé
• Articlehtml Un <time> pour chaque chose... Niveau débutant
• Articlehtml Attributs data-* et API dataset Niveau débutant
• Articlehtml L'élément <mark> pour attirer l'attention Niveau débutant
• Articlehtml HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav Niveau débutant
• Articlehtml HTML5 : Éléments <figure> et <figcaption> Niveau débutant
• Articlehtml HTML5 : structure globale du document Niveau débutant
• Articlehtml HTML5 : Les éléments <details> et <summary> Niveau confirmé
• Articlehtml HTML5 : L'élément <datalist> Niveau débutant
• Articlehtml Introduction à la balise video de HTML5 Niveau confirmé
• Articlehtml HTML5 se dévoile
• Articlehtml À quoi servent les balises META ? Niveau confirmé
• Articlehtml Impact sur le rendu de la mise en forme du code HTML Niveau confirmé
• Articlehtml Quelle différence y a-t-il entre HTML et XHTML ? Niveau débutant
• Articlehtml Le rendu par défaut des éléments HTML Niveau confirmé
• Articlehtml Les DTD HTML4.01, XHTML1.0 et HTML5 : quel doctype choisir ? Niveau confirmé
• Articlehtml Choix d'une DTD: le doctype switching n'est pas pour nous
• Articlehtml Les balises et propriétés HTML dépréciées et obsolètes Niveau débutant
• Articlehtml Quelle est la différence entre une classe et un id ? Niveau débutant

CSS

• Articlecss Quand CSS casse l'accessibilité, quelques écueils à éviter Niveau expert
• Articlecss Forcer l'application de conventions CSS avec Stylelint Niveau expert
• Articlecss La valeur currentColor en CSS Niveau débutant
• Articlecss Les Animations liées au scroll avec CSS Niveau expert
• Articlecss Les modes d'apparence Light mode et Dark mode Niveau confirmé
• Articlecss Dialog, Modal, Popover : la synthèse Niveau expert
• Articlecss CSS :has() le sélecteur de parent, mais bien plus encore ! Niveau confirmé
• Articlecss Les Container Queries en CSS Niveau confirmé
• Articlecss Deux années avec Tailwind CSS, quel bilan? Niveau débutant
• Articlecss Maîtriser la spécificité CSS grâce à Cascade Layers Niveau confirmé
• Articlecss Le Reset CSS, une histoire d'héritage et de réinitialisation Niveau débutant
• Articlecss CSS Houdini Niveau confirmé
• Articlecss Flexbox ou Grid Layout ? Niveau débutant
• Articlecss CSS font-display et le chargement des polices web Niveau confirmé
• Articlecss Les préprocesseurs CSS, c’est senSass ! Niveau débutant
• Articlecss Mini Convention CSS Niveau confirmé
• Articlecss Bonnes pratiques en CSS : BEM et OOCSS Niveau confirmé
• Articlecss La fonction calc() en CSS Niveau confirmé
• Articlecss Détecter le support des fonctionnalités avec @supports Niveau confirmé
• Articlecss CSS3 : Transformations 2D Niveau confirmé
• Articlecss CSS3 Grid Layout Niveau confirmé
• Articlecss Sélectionner les frères d'un élément en CSS Niveau expert
• Articlecss Des CSS dynamiques grâce au langage LESS Niveau confirmé
• Articlecss -prefix-free, préfixes CSS3 ajoutés automatiquement
• Articlecss Quelles règles syntaxiques adopter en CSS ? Niveau débutant
• Articlecss Firebug et le débogage d’une page web
• Articlecss Compteurs CSS : donnez du style à vos listes d'éléments Niveau expert
• Articlecss Display inline-block, une valeur trop peu utilisée Niveau confirmé
• Articlecss Empêcher les flottants de dépasser de leur conteneur Niveau confirmé
• Articlecss Les Media Queries CSS3 Niveau confirmé
• Articlecss Les préfixes vendeurs en CSS Niveau débutant
• Articlecss Float : le grand bluff ? Niveau confirmé
• Articlecss La fusion des marges en CSS Niveau confirmé
• Articlecss Guide de survie du positionnement CSS Niveau confirmé
• Articlecss HasLayout et bugs de rendu dans Internet Explorer 6-7
• Articlecss Explorer les possibilités des CSS pour l'impression avec Prince XML
• Articlecss Quelle démarche suivre pour intégrer une maquette en page HTML/CSS ? Niveau débutant
• Articlecss A propos du Modèle de boîte Microsoft (ou "quirks")
• Articlecss Centrer les éléments ou un site web en CSS Niveau confirmé
• Articlecss Initiation au positionnement en CSS (Partie 1) Niveau débutant
• Articlecss Utiliser ou @import pour lier une feuille de styles ? Niveau débutant

Accessibilité

• Articleaccessibilité UX et accessibilité numérique : repenser vos interfaces pour éviter le défilement horizontal Niveau confirmé
• Articleaccessibilité Le sous-titrage vidéo avec WebVTT Niveau débutant
• Articleaccessibilité Le clavier, un moyen de navigation à ne pas négliger
• Articleaccessibilité Le modèle de conception ARIA Disclosure Niveau débutant
• Articleaccessibilité Ressources et documentations pour l'accessibilité des pages web
• Articleaccessibilité État des lieux de l'accessibilité de HTML5 Niveau confirmé
• Articleaccessibilité L'accessibilité des menus de navigation déroulants Niveau confirmé
• Articleaccessibilité L'attribut tabindex et la navigation au clavier Niveau confirmé
• Articleaccessibilité Agrandissement de la taille des polices Niveau débutant
• Articleaccessibilité Accesskey le grand échec de l'accessibilité du Web Niveau confirmé
• Articleaccessibilité Remplacement d'images : halte au display none ! Niveau débutant
• Articleaccessibilité Typographie web : gérer la taille du texte avec les «em» Niveau confirmé
• Articleaccessibilité Insaisissable accessibilité

Javascript

• Articlejavascript Les import maps en JavaScript Niveau expert
• Articlejavascript Navigation Timing API Niveau confirmé
• Articlejavascript Les Web Workers en action Niveau expert
• Articlejavascript Deno, le futur de Node ? Niveau débutant
• Articlejavascript ECMAScript Niveau confirmé
• Articlejavascript Babel et la transpilation de code JavaScript Niveau expert
• Articlejavascript L'API Vibration
• Articlejavascript Les gestionnaires de paquets pour Node : npm, yarn, pnpm
• Articlejavascript À quoi sert High Resolution Time API ? Niveau confirmé
• Articlejavascript Le plein écran facile avec l'API Fullscreen Niveau débutant
• Articlejavascript Qu'est-ce que Vite ? Niveau confirmé
• Articlejavascript Comment utiliser l'événement hashchange ? Niveau confirmé
• Articlejavascript Données sémantiques, structurées et associées, le choix JSON-LD Niveau confirmé
• Articlejavascript JSON, le stockage léger et pratique de données multitypes
• Articlejavascript API Page Visibility : le document HTML est-il visible par l'utilisateur ? Niveau confirmé
• Articlejavascript La méthode matchMedia ou les Media Queries pour JavaScript Niveau confirmé
• Articlejavascript L'API classList Niveau débutant
• Articlejavascript DOM : querySelector et querySelectorAll Niveau confirmé
• Articlejavascript Stockage des données locales : Web Storage Niveau confirmé
• Articlejavascript La gestion des événements en JavaScript Niveau confirmé
• Articlejavascript JavaScript : organiser son code en modules Niveau confirmé

Développement

• Articledéveloppement Les redirections HTTP 301 et 302, permanentes ou temporaires ?
• Articledéveloppement Le Full Site Editing (FSE) de WordPress en 2025
• Articledéveloppement Déployer CSP : une approche en 5 étapes Niveau confirmé
• Articledéveloppement La notion d'origine web et CORS Niveau expert
• Articledéveloppement Analyser du code PHP avec PHPStan Niveau confirmé
• Articledéveloppement Adapter et migrer votre ancien site PHP vers PHP8
• Articledéveloppement Nos 10 extensions préférées sur WordPress
• Articledéveloppement Le headless à l'aise avec l'API Rest de WordPress Niveau confirmé
• Articledéveloppement Facilitez l'intégration d'e-mails HTML grâce à Maizzle Niveau confirmé
• Articledéveloppement Apprendre à développer en équipe Niveau confirmé
• Articledéveloppement Tour d’horizon sur HTTPS et les en-têtes de sécurité Niveau expert
• Articledéveloppement Cache et compression des pages web avec Gzip ou Deflate en HTTP Niveau expert
• Articledéveloppement Initiation au développement sur iPhone Niveau débutant
• Articledéveloppement Installer différents navigateurs pour tester vos pages
• Articledéveloppement PHP, conformité et validation Niveau débutant
• Articledéveloppement PHP : on reprend tout à zéro Niveau débutant
• Articledéveloppement Include et require en PHP

Responsive web design

• Articleresponsive Images responsive et attribut sizes, amstramgram, pic... Niveau expert
• Articleresponsive Comment tester un site responsive? (partie 1) Niveau débutant
• Articleresponsive Responsive Images : comprendre srcset et sizes Niveau confirmé
• Articleresponsive C'est quoi le Responsive Web Design ? Niveau débutant
• Articleresponsive Responsive Webdesign – présent et futur de l’adaptation mobile Niveau expert
• Articleresponsive Comprendre le Viewport dans le Web mobile Niveau confirmé
• Articleresponsive Web mobile : introduction et glossaire Niveau débutant

Design

• Articledesign L’IA dans Figma : des plugins et fonctionnalités qui nous simplifient la vie
• Articledesign Priorité à l'accessibilité : pour des maquettes inclusives
• Articledesign Les carrousels (slider) sont-ils vraiment utiles ?
• Articledesign Le plugin figma du mois : Neumorphism
• Articledesign Le menu burger sur mobile est-il toujours d'actualité en 2022 ?
• Articledesign Les 8 bonnes raisons d'abandonner Photoshop
• Articledesign Tendances Web Design 2016 Niveau débutant
• Articledesign Tendances Web Design 2015
• Articledesign Créer des GIFs animés de présentation d'UI/UX Design Niveau confirmé
• Articledesign Les grilles dans le webdesign Niveau débutant
• Articledesign Mockups & Rough : gagnez du temps ! Niveau débutant
• Articledesign Obtenir la transparence PNG avec Internet Explorer 6
• Articledesign Quelles polices de caractères (fontes) utiliser sur le Web ? Niveau confirmé
• Articledesign Quelle est la différence entre un <div> et un «calque» ? Niveau débutant

Formats, encodage, XML

• Articleformats Qu'est-ce qu'un type MIME ? Niveau débutant
• Articleformats Le format d'image APNG
• Articleformats Le format JSON, AJAX et jQuery Niveau confirmé
• Articleformats Syndication de contenu (flux RSS, Atom) Niveau débutant
• Articleformats XML en quelques mots Niveau confirmé

Web

• Articleweb Qu'est devenu Real Player ?
• Articleweb Qu'est devenu Gopher ?
• Articleweb Fouilles de données sur le web, comment s'en protéger Niveau confirmé
• Articleweb Anticiper et écrire facilement les contenus pour un projet web réussi
• Articleweb Revue de la définition du support des navigateurs Niveau débutant
• Articleweb URL, URI, URN, quelles différences ? Niveau débutant
• Articleweb Internationalisation (i18n) ou localisation (l10n) ? Niveau débutant
• Articleweb Optimisez vos polices web Niveau débutant
• Articleweb Partis tiers : maîtrisez leurs impacts sur la vitesse et la sécurité de vos sites Niveau confirmé
• Articleweb Synchroniser son serveur web avec Github
• Articleweb 10 outils pour le Web mobile Niveau débutant
• Articleweb Le schéma Data-URI Niveau confirmé
• Articleweb Les bons outils pour commencer à intégrer votre site web Niveau débutant
• Articleweb Des tests fiables sous tous les navigateurs
• Articleweb Négociation de contenu Niveau confirmé
• Articleweb XHTML, CSS, accessibilité : confusions et amalgames Niveau débutant
• Articleweb Les standards du Web : aucune contre-indication ! Niveau débutant
• Articleweb Principes à suivre pour un site web de qualité : Ergonomie, Compatibilité, Accessibilité Niveau débutant

Proposer un article