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 !

Lire l'article Le Lazy Loading d'images natif, sans javascript

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 !

Lire l'article Un texte automatiquement contrasté avec le fond, uniquement en CSS

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.

Lire l'article Des styles CSS pour optimiser l'impression papier

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.

Lire l'article Le web du futur #1 : un affichage qui varie en fonction de la luminosité

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 !

Lire l'article Une image toujours adaptée avec srcset et sizes

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 !

Lire l'article Tout savoir sur les media queries pour un site responsive design réussi

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>.

Lire l'article Les vidéos en HTML5 - les bases
Remonter