Monthly Shaarli

All links of one month in a single page.

October, 2020

"Trucs et astuces pour construire une Single Page App accessible", Maël Brunet (@MaelB)
thumbnail

On reproche souvent aux Single Page Applications de négliger l'accessibilité. Même si c'est trop souvent le cas, ça n'est pas une fatalité, et il y a même quelques moyens à travers desquels les frameworks et l'écosystème JavaScript peuvent participer à son amélioration.

BlurHash: BlurHash is a compact representation of a placeholder for an image
thumbnail

Blurhash strings are short enough to be added as a field in a JSON object and to be stored in a database. The implementations are small and easy to port to new languages, and the end result is a smooth and interesting experience for your users.

"Développeurs web indépendants : bien fixer, annoncer et négocier vos tarifs (guide complet)", Thibault Jouannic (@thibaultj)
thumbnail

Quand on vend une prestation de plusieurs mois, quelques petites erreurs de négociation peuvent occasionner des pertes financières qui se chiffrent en milliers voire dizaines de milliers d'euros.

À l'inverse, cinq minutes d'efforts et d’opiniâtreté peuvent rapporter gros ; on aurait tort de s'en priver.

"Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost", Oliver Lindberg (@oliverlindberg)
  1. Build for mobile first
  2. Stop using carousels and sliders
  3. Optimize your images
  4. Lazy load images
  5. Load web fonts with font swapping
  6. Create smooth animations
  7. Minimize third-party impact
  8. Preconnect to key third-party domains
  9. Wrangle your apps
  10. Monitor the number of requests per subdomain
[Video] "The Psychology of Speed", Simon Hearne (@simonhearne)
thumbnail

We intuitively know that faster is better, but what's the psychology and physiology behind it?

Assistiv Labs: Instantly test how accessible your experience is with the real assistive technologies your disabled users rely on — screen readers, magnifiers, and more — from any computer.
thumbnail

Instantly test how accessible your experience is with the real assistive technologies your disabled users rely on — screen readers, magnifiers, and more — from any computer.

"Prevent layout shifts with CSS grid stacks", Hubert Sablonnière (@hsablonniere)
thumbnail

There are two reasons why people use CSS grid:

  • 😎 CSS is awesome! It's a fact, deal with it.
  • 🛠️ Grid is a great tool to build complex two-dimensional layouts.

I sometimes have a third reason to use CSS grid: prevent layout shifts.

"Eleventy, Alpine and Tailwind: towards a lightweight Jamstack", Nicolas Goutay (@Phacks)
thumbnail

I recommend the part on how to curb the JS tax (14:48).

Slowfil.es – Demonstate and observe slow-loading resources

Slowfil.es generates URLs for slow ressources