Vue normale

Il y a de nouveaux articles disponibles, cliquez pour rafraîchir la page.
À partir d’avant-hierFlux principal

Offline HTML5 Validator ❚ A Scripter's Notes

23 mai 2024 à 15:15

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

22 mai 2024 à 17:30

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

❌
❌