Vue lecture

Il y a de nouveaux articles disponibles, cliquez pour rafraîchir la page.

Notes on implementing dark mode — brandur.org

Mettre en place un bouton "clair/foncé/automatique" (ou dark/light/auto dans la langue sans accents), grâce aux classes CSS et un peu de JS.
Ca utilise notamment le support dark de Tailwind (que je dois absolument essayer, comme un tas de choses d'ailleurs)
Permalien

Offline HTML5 Validator ❚ A Scripter's Notes

This last option makes it easy to setup a HTML linter in Gitlab CI pipelines:

lint-html:
  stage: test
  script:
  - apt update -y && apt install -y curl unzip
  - ...  # generate HTML content in public/
  - curl -ROLs https://github.com/validator/validator/releases/download/latest/vnu.linux.zip
  - unzip vnu.linux.zip
  - vnu-runtime-image/bin/vnu --skip-non-html public/

Permalink

[CSS] Show and hide blocks with :target pseudo-classes – Codepen.io

Une utilisation intéressante de la pseudo-classe :target.

:target cible l’élément de la page vers lequel pointe le hash dans une URL.

Avec :has() et :not(), on peut masquer tous les éléments, sauf le :target, seulement quand il y en a un.
Dans ce cas, ne pas oublier de mettre un bouton de virer le :target pour ré-afficher tous les éléments (bouton lui-même >affiché seulement s’il est utile !).

Pas mal, non ? Et ça tient en une seule ligne.
Permalink

❌