Quotidien Shaarli

Tous les liens d'un jour sur une page.

December 25, 2024

Getting Oriented with HTML Video - HTMHell

Tout est dans le titre

The search input: They almost got it right - HTMHell

Tout est dans le titre

Preloading fonts for web performance with link rel=”preload” - HTMHell

Tout est dans le titre

UI Lib Picker

Un catalogue de bibliothèques UI pour les projets Vue / Nuxt

The Perfect Guide to Setting Up a New Nuxt Project - Estéban Soubiran

Tout est dans le titre

Grouping form fields - HTMHell

Du bon usage de fieldset / legend

Raconter l’intime de la grossesse et la maternité sur le web — 24 jours de web

La très belle clôture des 24 jours de web :-)

CSS margin-trim and line height units | 12 Days of Web

2 nouveautés CSS intéressantes :

  • Une unité : le lh pour line-height -> très pratique pour avoir un design avec un bon rythme vertical (espacement entre paragraphes par exemple) À noter qu'il existe le rlh pour root line-height
  • Une propriété : margin-trim qui permet de supprimer la marge top du 1er élément enfant et la marge bottom du dernier. Supporté uniquement par safari pour le moment, mais il y a des astuces pour avoir le même comportement sur les autres navigateurs
Web Performance Calendar » Build Your Own Site Speed Testing Tool with Puppeteer

Tout est dans le titre

Web Performance Calendar » Correlation or Causation: How web performance proves its value

Tout est dans le titre

Web Performance Calendar » The curious (performance) case of CSS @import

En résumé, remplacez tous les @import comme @import url("imported.css"); par <link rel="stylesheet" href="imported.css">

Ça a un gros impact sur les performances du site