Astuces de pros

Une astuce est un court stratagème toujours utile.

124 astuces en ligne

HTML

• Astucehtml Chargement différé des images avec loading="lazy" Niveau débutant
• Astucehtml Inspecter un DOM qui bouge Niveau confirmé
• Astucehtml Accélérez vos polices d'icônes !
• Astucehtml HTML5 - L'attribut download Niveau débutant
• Astucehtml Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender Niveau expert
• Astucehtml Épingler l'icône du site sur l'interface Modern UI de Windows 8 Niveau débutant
• Astucehtml Les classes conditionnelles en HTML Niveau confirmé
• Astucehtml Comment indiquer la langue d’un contenu en HTML? Niveau débutant
• Astucehtml HTML5 Boilerplate, un template puissant et complet
• Astucehtml Ajouter une icône pour iPhone/iPod Touch/iPad Niveau débutant
• Astucehtml Bien construire sa hiérarchie de titres Niveau débutant
• Astucehtml Faire un lien vers un endroit précis de la page (ancre) ? Niveau débutant
• Astucehtml "target=_blank" n'est pas valide en doctype strict. Que faire  ? Niveau débutant
• Astucehtml Le caractère "&" empêche mon site d'être validé. Que faire  ? Niveau débutant
• Astucehtml Rendre valide une animation Flash ?
• Astucehtml Charset iso-8859-1, iso-8859-15, utf-8, lequel choisir ?
• Astucehtml Comment bien déclarer du XHTML 1.0 et du XHTML1.1? Niveau confirmé
• Astucehtml Éléments de niveau bloc et élements en-ligne : les exceptions
• Astucehtml Afficher une icône favicon dans le navigateur Niveau débutant
• Astucehtml Faut-il utiliser la déclaration XML dans ma page web  ?
• Astucehtml Mes listes UL, OL, ou listes imbriquées ne sont pas valides
• Astucehtml Comment bien déclarer l'encodage des caractères d'une page ? Niveau confirmé
• Astucehtml Éviter les erreurs de validation du contenu des éléments SCRIPT et STYLE Niveau confirmé
• Astucehtml Les codages ASCII, ISO-8859-1, Windows-1252 et MacRoman Niveau débutant
• Astucehtml Comment diagnostiquer un problème d'encodage ISO ou UTF-8  ? Niveau débutant
• Astucehtml Ma page commence par  de quoi s'agit-il  ? Niveau débutant

CSS

• Astucecss Mettre en surbrillance ligne et colonne au survol d'une table Niveau débutant
• Astucecss Choisir entre balance et pretty pour text-wrap Niveau débutant
• Astucecss La propriété image-rendering en CSS Niveau confirmé
• Astucecss Corriger le problème de hauteur 100% (100vh) sur mobile Niveau confirmé
• Astucecss appearance, au service de nos formulaires Niveau expert
• Astucecss CSS Grid Layout, les ressources indispensables pour apprendre
• Astucecss Conserver le ratio 16/9 des images fullscreen et vidéos Niveau confirmé
• Astucecss Placer une image de fond par rapport aux coins inférieur et droit
• Astucecss L’accélération matérielle au service de vos animations CSS Niveau confirmé
• Astucecss Le contexte de formatage block en CSS Niveau expert
• Astucecss display: inline-block et les espaces indésirables Niveau confirmé
• Astucecss Utiliser SASS et SCSS sur un serveur distant
• Astucecss Amélioration progressive : Modernizr et sélecteurs CSS avancés Niveau expert
• Astucecss Une feuille de styles de base pour le Web mobile Niveau confirmé
• Astucecss Cibler les mobiles sous Windows Phone
• Astucecss Une feuille de styles de base pour le media print Niveau confirmé
• Astucecss Utiliser CSS3 aujourd'hui, outils et ressources
• Astucecss Activer l'impression des éléments HTML5 sous Internet Explorer
• Astucecss Ovale et forme elliptique avec CSS3 sans image Niveau confirmé
• Astucecss IE Bicubic Fix, maîtrisez le lissage de vos images
• Astucecss Des générateurs de sprites CSS pour accélérer le chargement des images
• Astucecss Une feuille de styles de base pour bien démarrer vos projets Niveau confirmé
• Astucecss input et Internet Explorer 6/7 : corriger le défilement de l'arrière-plan
• Astucecss Comment appliquer des styles spécifiques à la page en cours dans un menu ? Niveau confirmé
• Astucecss Comment contrôler et modifier l'apparence d'une infobulle ? Niveau confirmé
• Astucecss Comment aligner verticalement une image et une ligne de texte Niveau débutant
• Astucecss Comment supprimer la bordure (bleue) autour des images de lien ? Niveau débutant
• Astucecss Comment cacher un titre (derrière un logo par exemple) ? Niveau confirmé
• Astucecss Polices, quelle taille choisir ? Niveau débutant
• Astucecss Comment faire des blocs de même hauteur ? Niveau confirmé
• Astucecss Comment fixer un pied au bas de la page ? Niveau débutant
• Astucecss La technique du Reset CSS Niveau confirmé
• Astucecss Qu'est-ce que les hacks CSS ? Niveau débutant
• Astucecss Comment définir l’apparence de ses liens? Niveau débutant
• Astucecss Pourquoi ma feuille de style est-elle ignorée? Niveau débutant
• Astucecss Appliquer une hauteur de 100% à un élément Niveau confirmé
• Astucecss Espaces indésirables sous les images Niveau débutant
• Astucecss Styler la balise <hr /> Niveau confirmé
• Astucecss Position fixed sur Internet Explorer 6
• Astucecss Que faire si le validateur CSS W3C renvoie des avertissements ? Niveau débutant
• Astucecss Comment régler les problèmes d'email en HTML/CSS ? Niveau confirmé
• Astucecss Min-width, max-width, min-height et max-height sur Internet Explorer 6
• Astucecss Quelles sont les propriétés qui s'appliquent à :first-letter ? Niveau confirmé
• Astucecss Aligner des éléments horizontalement sans tableau
• Astucecss Comment fonctionne la propriété CSS z-index ? Niveau débutant
• Astucecss Supprimer les marges de la balise HR sous IE

Accessibilité

• Astuceaccessibilité Le coup de pouce accessibilité de CSS :focus-visible Niveau débutant
• Astuceaccessibilité Du bon usage des attributs alt et title sur les images et les liens Niveau débutant
• Astuceaccessibilité Reset CSS et outline : attention Niveau débutant
• Astuceaccessibilité Les couleurs et l'accessibilité
• Astuceaccessibilité Utilisez l’élément label dans les formulaires Niveau confirmé
• Astuceaccessibilité Balise <img> ou feuille de style CSS ? Niveau débutant

Javascript

• Astucejavascript Les raccourcis de propriétés (property shorthand) en JavaScript Niveau confirmé
• Astucejavascript Le nullish coalescing operator en JavaScript Niveau débutant
• Astucejavascript Le scroll maîtrisé avec scrollIntoView Niveau confirmé
• Astucejavascript La différence entre npm install --save-dev et --save Niveau débutant
• Astucejavascript Que sont les blob URLs ?
• Astucejavascript Passer de node-sass à dart sass Niveau confirmé
• Astucejavascript Copier du texte dans le presse-papier système Niveau confirmé
• Astucejavascript Les template strings en JavaScript Niveau confirmé
• Astucejavascript Les attributs async et defer pour <script> Niveau confirmé
• Astucejavascript La méthode insertAdjacentHTML Niveau confirmé
• Astucejavascript Prism - coloration syntaxique Niveau confirmé
• Astucejavascript Utilisez la console JavaScript des navigateurs Niveau expert
• Astucejavascript Inclure jQuery de manière optimisée Niveau débutant
• Astucejavascript Préchargement de styles CSS via Javascript Niveau confirmé
• Astucejavascript Comment lancer plusieurs fonctions JavaScript au chargement d'une page ? Niveau confirmé
• Astucejavascript Comment intégrer du code JavaScript dans une page ? Niveau débutant

Développement

• Astucedéveloppement WordPress : associer les taxonomies catégories et étiquettes aux Pages Niveau débutant
• Astucedéveloppement Les statistiques de performance serveur dans votre navigateur avec Server Timing Niveau expert
• Astucedéveloppement Utiliser PHP pour gérer vos styles CSS Niveau confirmé
• Astucedéveloppement Une page 404 intelligente sous WordPress Niveau confirmé
• Astucedéveloppement Émuler Google Android pour mobile Niveau débutant
• Astucedéveloppement Comment utiliser la dernière version de jQuery dans WordPress ? Niveau confirmé
• Astucedéveloppement Google Page Speed
• Astucedéveloppement Tester son site avec un simulateur Blackberry Niveau débutant

Responsive web design

• Astuceresponsive Retina Trick ou Compressive Images : des images en haute résolution partout Niveau expert
• Astuceresponsive Images responsive, flexbox et souci de ratio d'affichage Niveau expert
• Astuceresponsive Découvrez l'inspecteur d'élément responsive de Google Chrome Niveau débutant

Design

• Astucedesign Où trouver de l'inspiration pour du design mobile
• Astucedesign Convertir du Flash (SWF) en HTML5 avec Swiffy
• Astucedesign Un arrière-plan extensible intelligent Niveau confirmé
• Astucedesign Comment utiliser une fonte «non-standard» sur un site Web ? Niveau expert
• Astucedesign Comment faire un arrière-plan étirable ? Niveau confirmé
• Astucedesign Comment empêcher la copie de mes images ou de mon code ? Niveau débutant
• Astucedesign D'où viennent les différences de couleurs entre mes images et mes background CSS ? Niveau débutant

Formats, encodage, XML

• Astuceformats Mermaid : diagrammes, schémas et graphiques dans markdown
• Astuceformats Optimiser le poids des images SVG Niveau débutant
• Astuceformats Le fonctionnement de la compression Gzip Niveau confirmé
• Astuceformats Opensearch pour ajouter le moteur de recherche à votre navigateur Niveau confirmé
• Astuceformats Qu'est-ce que FOAF (Friend Of A Friend) ? Niveau confirmé

Web

• Astuceweb Comment interdire le mode de compatibilité sur IE ? Niveau confirmé
• Astuceweb Snippets Zen Coding personnalisés Niveau débutant
• Astuceweb Voir et modifier les en-têtes HTTP Niveau débutant
• Astuceweb Simulez votre site sur téléphones mobiles avec ProtoFluid Niveau confirmé
• Astuceweb Qu'est-ce que le W3C ? A quoi sert-il ? Niveau débutant
• Astuceweb Quelle est la différence entre les chemins relatifs et absolus ? Niveau débutant
• Astuceweb De la musique en continu sur un site, sans coupure ? Niveau débutant