Vue lecture

Modifier le style par défaut des boutons radio

input[type="radio"] {
 /* Disable the browser's default radio button styles */
 appearance: none;
 margin: 0;

 /* Recreate the circle container */
 border: 1px solid black;
 background: white;
 border-radius: 50%;

 /* Center our dot in the container */
 display: inline-grid;
 place-content: center;

 /* Use a pseudo-element to display our "dot" */
 &::before {
   content: "";
   width: 0.75rem;
   height: 0.75rem;
   border-radius: 50%;
 }

 /* And display it when the radio button is checked */
 &:checked::before {
   background: black;
 }
}
#permalink
  •  

Replacing JS with just HTML - HTMHell

Comment remplacer certains des éléments qu'on a pris pour habitude de construire en JS par du HTML natif.

J'aime notamment la dernière idée : utiliser l'API popover pour faire un menu latéral caché.


Permalink
  •  

Replacing JS with just HTML - HTMHell

Comment remplacer certains des éléments qu'on a pris pour habitude de construire en JS par du HTML natif.

J'aime notamment la dernière idée : utiliser l'API popover pour faire un menu latéral caché.


Permalink
  •  

Accessible by Design: The Role of the 'lang' Attribute - HTMHell

Définir la langue de vos pages correctement à l'aide de <html lang="fr"> a un énorme impact positif pour les lecteurs d'écrans mais pas uniquement.

The lang attribute is a tiny line of code that provides universal access to your content. It's arguably the easiest, fastest, and most impactful accessibility fix you can make on any website.


Permalink
  •  

Accessible by Design: The Role of the 'lang' Attribute - HTMHell

Définir la langue de vos pages correctement à l'aide de <html lang="fr"> a un énorme impact positif pour les lecteurs d'écrans mais pas uniquement.

The lang attribute is a tiny line of code that provides universal access to your content. It's arguably the easiest, fastest, and most impactful accessibility fix you can make on any website.


Permalink
  •  

Linking to text fragments with a bookmarklet – alexwlchan

"""
Oh c'est cool : Un bookmarklet pour générer facilement un lien avec :#:~:text= (pour positionner à un endroit précis d'une page, même s'il n'y a pas d'ancres).
(via https://shaarli.zoemp.be/shaare/qj6faw)

🔵 Installation: Faire un drag-n-drop du gros bouton "Create link to selected text" dans votre barre de raccourcis Firefox.
🔵 Utilisation : Sélectionner le texte qui vous intéresse dans une page, et cliquez sur le raccourcis. Cela va ouvrir une popup avec le lien.

EDIT: On me signale que Firefox est capable de faire ça nativement :
🔵 Activation: Allez dans about:config, et passez le paramètre "dom.text_fragments.create_text_fragment.enabled" à "true"
🔵 Utilisation : Sélectionner le texte qui vous intéresse dans une page, clic-droit > "Copier le lien du surlignage"
"""
(sebsauvage)

Cela permet d'aller chercher des endroits dans la page sans utiliser d'anchor
Permalien
  •  

Putain, HTML suffit !

Tu sais ce qui charge plus vite que ton bordel surchargé et suringénié ? Du HTML pur, sans conneries. Et tu sais ce qui ne casse pas la gueule tous les putains de mardis ? Du HTML qui marche, bordel !
(Permalink)
  •  
❌