Le Lazy Loading d'images natif, sans javascript
Le lazy loading permet de réduire les ressources chargées sur une page, mais en ajoutant du javascript. Et si on pouvait faire sans javascript ? C'est aujourd'hui possible !
Un texte automatiquement contrasté avec le fond, uniquement en CSS
Le CSS n'est pas un langage de programmation, mais avec quelques variables et calculs, il est possible d'automatiser le contraste du texte avec une couleur de fond. Voici comment faire !
Des styles CSS pour optimiser l'impression papier
Quelque-chose qui est souvent oublié sur un site, c'est que les internautes peuvent décider de l'imprimer. Je vais ici vous donner quelques astuces pour réaliser une feuille de styles "basique" pour l'impression.
Le web du futur #1 : un affichage qui varie en fonction de la luminosité
À l'avenir, vous pourrez détecter la luminosité ambiante de l'appareil grâce à la media query light-level. Cet article vous explique pourquoi ça peut être utile et comment l'utiliser.
Une image toujours adaptée avec srcset et sizes
Saviez-vous que le responsive design n'est pas qu'une histoire de css, voire de javascript ? Découvrez comment proposer la meilleure image uniquement en HTML !
Tout savoir sur les media queries pour un site responsive design réussi
Sur les media-quoi ? Responsive design ? Bon, si vous êtes ici c’est que vous avez déjà au moins entendu parler de ces termes, et probablement que vous savez également de quoi il s’agit. Pour les autres, voici un petit récapitulatif !
Les vidéos en HTML5 - les bases
Vous prévoyez d'insérer une ou plusieurs vidéos sur votre site ? Eh bien sachez que ce n'est pas compliqué ! Nous allons ici voir comment préparer sa vidéo pour le web, ainsi que décortiquer la balise html5 <video>.