Mensuel Shaarli

Tous les liens d'un mois sur une page.

December, 2024

BroadcastChannel API | 12 Days of Web

Une API pour envoyer / recevoir des messages vers toutes les fenêtres / onglets ouverts sur la même page web - pratique pour un système de notification / chat / etc. temps réel

Getting Oriented with HTML Video - HTMHell

Tout est dans le titre

Web Performance Calendar » Build Your Own Site Speed Testing Tool with Puppeteer

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

What is an AnimationFrame and what can it tell you?

Tout est dans le titre

Créer un lien avec effet de soulignement animé en CSS

Tout est dans le titre

Off the Beaten Path to Upgrade Symfony 2.8 to 7.2 | Tomas Votruba

Tout est dans le titre

Théorie de l’Internet mort : entre fantasme et réalité — 24 jours de web

Tout est dans le titre

My favourite colour is Chuck Norris red - HTMHell

L'auteur montre l'un des aspects fascinants du web : sa résilience et sa permissivité à l'égard du HTML / CSS / JavaScript mal écrit. Il prend l'exemple d'une balise ayant un attribut color valant "checknorris" et il explique comment cette valeur est transformée en "c00000", c'est à dire rouge !

Stirling PDF, le couteau-suisse pour manipuler des fichiers PDF

Tout est dans le titre

Template for accessibility guidelines - HTMHell

Tout est dans le titre

Les Animations liées au scroll avec CSS - Alsacreations

Tout est dans le titre : ça parle de scroll driven animation

Intégrer les neurodivergences et les maladies chroniques pour un numérique inclusif — 24 jours de web

Tout est dans le titre

Web Test Runner: Modern Web

Tout est dans le titre

Floating UI - Create tooltips, popovers, dropdowns, and more

Tout est dans le titre

Facture d'électricité : du papier aluminium derrière vos radiateurs, l'astuce d'expert qui marche vraiment - Le Hollandais Volant

Une astuce à tester

Faire sa veille avec des logiciels libres | Net-Security

Tout est dans le titre

Le numérique peut-il être responsable, scribe ? — 24 jours de web

Tout est dans le titre

Web Performance Calendar » Creating Shared Ownership for Web Performance from a Cryptic CSS Values

Tout est dans le titre

The Gift You Do NOT Want: A Div in a Button's Clothing - HTMHell

Utiliser les bons éléments HTML, c'est bien plus accessible

Gérer un projet Git — Partie 1 : les actions courantes — Corentin Hatte

Tout est dans le titre

Page by Page: How Pagination Makes the Web Accessible - HTMHell

Tout est dans le titre

HTML and CSS I didn't even know about before I started creating content in Japanese - HTMHell

Tout est dans le titre

Improving User Experience for Multilingual Web Browsing - HTMHell

En résumé, ajouter l'attribut translate="no"

An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines — Smashing Magazine

Tout est dans le titre

Recompile Mimir’s "MetaMonitoring" Grafana Dashboards for Kubernetes

Une solution à un problème concernant Mimir (un backend Prometheus) lorsqu'il est déployé dans Kubernetes

Penser l’expérience de contribution pour améliorer la qualité de nos sites - 24 jours de web

Tout est dans le titre

Solved By Modern CSS: Feature Image

L'auteur montre l'utilisation des container queries pour un design fludie

Submit to the Quirks of HTML - HTMHell

Quelques bizarreries des formulaires HTML selon qu'il y ait un ou plusieurs champs input

Mastering PHPStan: Common Errors and How to Fix Them - DC Blog

Tout est dans le titre

Email obfuscation: What works in 2024?

Un comparateur très complet sur les méthodes d'offuscation de mail

Native HTML light and dark color scheme switching - HTMHell

Tout est dans le titre

aria-labelledby = self - HTMHell

Tout est dans le titre

L’Équation du Temps - Couleur-Science

Tout est dans le titre

SVG + CSS = ❤️

Tout est dans le titre

Comparatif de onze solutions de SSO libres - La Contre-Voie

Tout est dans le titre

Updating webmentions on a static site - Nicolas Hoizey

Tout est dans le titre

Déchiffrement d’un disque dur avec LUKS et une Yubikey | Quentin Demoulière

Tout est dans le titre

The Law Of Diminishing Returns | CSS-Tricks

C'est bien écrit et très vrai

Blog Eleven Labs - Automatiser la création de version avec semantic-release

Tout est dans le titre

Simple.css

Un framework CSS tout simple

Pourquoi la hype autour de l’intelligence artificielle signale une nouvelle bulle technologique

Analyse intéressante

Next-level frosted glass with backdrop-filter • Josh W. Comeau

Un effet "verre" avec l'utilisation de la propriété CSS backdrop-filter

Advanced Linux Commands for DevOps Engineers: Part-1 | by Karthick Dkk | devsecops-community | Medium

Tout est dans le titre

DELETEs are difficult | boringSQL

Pas si simple en SQL... notamment pour les performances

Another Way to Structure your Symfony Project - DEV Community

Une bonne introduction au Domain Driven Design et à la Clean Architecture pour les projets Symfony

Laboratoire infra Linux HA #8 – MySQL en haute dispo avec DRBD, Corosync et Pacemaker – La fin des K7 📼
CSS box-decoration-break | 12 Days of Web

Tout est dans le titre

Security Headers using <meta> - HTMHell

Tout est dans le titre

Btrfs for mere mortals: inode allocation | Marcos' Blog

Tout est dans le titre

The search input: They almost got it right - HTMHell

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

How to Use Baseline Data

Tout est dans le titre

Mon collègue Julius

Ça fait peur...

Doctrine ORM Support for Json · Blog · Liip

Tout est dans le titre

Running a Symfony app on a VPS with Docker and FrankenPHP | Les-Tilleuls.coop

Tout est dans le titre

Iptables interactive scheme

Tout est dans le titre

JS Import Maps | 12 Days of Web

Tout est dans le titre

Web Performance Calendar » Data-Driven SEO and Web Performance

L'auteur montre que l'influence des performances d'un site n'est pas la même sur son SEO selon la nature du site : c'est très important pour des sites d'e-commerce, ça l'est moins pour des sites de contenu type Wikipédia. Il a développé une extension Chrome pour afficher, dans la recherche Google, la corrélation entre classement et performance.

What the slot? - HTMHell

Tout est dans le titre

Declarative Shadow DOM | 12 Days of Web

Tout est dans le titre

Utiliser Varnish pour injecter du contenu sans toucher au backend – Le blog de Seboss666

Tout est dans le titre

Microdata for books - HTMHell

Tout est dans le titre

Bon, tu veux te faire ton site web ? - Le carnet de Joachim

Un inventaire de ce qui se fait en 2024 pour générer un site web

How to make your RSS feed pretty

Tout est dans le titre

Native dual-range input · Muffin Man

Tout est dans le titre

CSS content-visibility | 12 Days of Web

Tout est dans le titre

Gérer un projet Git — Partie 2 : gérer des branches — Corentin Hatte

Tout est dans le titre

What To Use Instead of PGP - Dhole Moments

Tout est dans le titre

CSS text-wrap | 12 Days of Web

Tout est dans le titre

You don’t need the isOpen class - HTMHell

Tout est dans le titre

Getting started with Web Performance 🚀 - HTMHell

Tout est dans le titre

Revisiting Fundamentals - Semantic lists for Improved Accessibility - HTMHell

Tout est dans le titre

5 Ways to Optimize Symfony Application Performance - DEV Community

Tout est dans le titre

Parle de ton chien ! - conseils pour réussir ses conférences — 24 jours de web

Tout est dans le titre

Installer Ollama et OpenWebUI sous Ubuntu 24.04 avec un GPU NVIDIA RTX3060 | Bitten By Python

Tout est dans le titre

Une approche de canary release via k8s

Tout est dans le titre

calc-size() and interpolate size | 12 Days of Web

Tout est dans le titre

Boosting testing efficiency: how semantic HTML transforms End-to-End testing - HTMHell

Tout est dans le titre

PGP - Je ne chiffre plus les emails | 9x0rg

C'est le 2e article de la semaine qui explique en quoi PGP ne sert plus à rien et est même dangereux

Laravel France - PHPStan : Il est où dd() ?

Création d'une règle custom pour PHPStan

La résilience du Bisounours – MatooBlog

Je me suis reconnu dans ce très beau texte :-)

Design pattern for custom tooltips - HTMHell

Le plein de bonnes pratiques pour des infobulles accessibles

Prises électriques connectées mais pour les geeks // /home/lord

Tout est dans le titre

Stop Using console.log() — Here’s What Senior Developers Do Instead | by Amaresh Adak | The Syntax Diaries | Nov, 2024 | Medium

Tout est dans le titre

Mastering SVG Arcs — Smashing Magazine

Article intéressant, mais aucun des codepen n'affiche quoi que ce soit, dommage

The devil is in the details: a look into a disclosure widget markup - HTMHell

Tout est dans le titre

Tout comprendre aux Dial Pattern dans FreePBX – boxIP

Tout est dans le titre

Tips for analyzing logs

Tout est dans le titre

Tricot : un reverse proxy

Tout est dans le titre

Verifying your GitHub profile on Mastodon | Simon Willison’s TILs

Tout est dans le titre

Pérenniser ma numérique éphémérité

Transmission et plateformes propriétaires ou libres... des réflexions toujours aussi intéressantes

LibreTranslate - Free and Open Source Machine Translation API 🌐

Tout est dans le titre... et c'est auto hébergeable en plus

What I Wish Someone Told Me About Postgres | ChallahScript

Tout est dans le titre

Creating An Effective Multistep Form For Better User Experience — Smashing Magazine

Tout est dans le titre

Astro, le framework web JS multi-pages — 24 jours de web

Tout est dans le titre

Un an d’accessibilité numérique — 24 jours de web

Tout est dans le titre

How to Use PHP Streams for Advanced Data Processing | by Asian Digital Hub | DevSphere | Nov, 2024 | Medium

Tout est dans le titre

Pattern Builder : exemple d’implémentation avec Symfony | by Anthony TENNERIELLO | norsys-octogone | Nov, 2024 | Medium

Tout est dans le titre

Mastodon’s weaknesses and how to fix them

Tout est dans le titre

Déchiffrer à distance un volume LUKS

Tout est dans le titre

Watch Tower : Auto update docker images - slash-root.fr

Tout est dans le titre

The underrated <dl> element - HTMHell

Tout est dans le titre

The hidden depths of the input element - HTMHell

Une liste des attributs bien pratiques de l'élément input

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
Good software development habits | Zarar's blog

Zara liste ses bonnes pratiques pour le développement

The devil is in the <details> - HTMHell

Tout est dans le titre

PSA: Stop using the title attribute as tooltip! - HTMHell

Tout est dans le titre

Accessibilité versus SEO : le duel qui façonne le web — 24 jours de web

Tout est dans le titre

The Little Triangle In The Tooltip | CSS-Tricks

À date (21 décembre 2024), c'est le guide ultime pour générer les triangles des infobulles uniquement en CSS

Linux LPIC-1 (101-500) #1 – Matériel et exécution de processus – La fin des K7 📼

L'auteur compile ici ses découvertes en suivant la préparation de la certification LPIC-1 Linux Administration

Web Performance Calendar » Speculative loading and the Speculation Rules API

Tout est dans le titre

How To Create Multi-Step Forms With Vanilla JavaScript And CSS | CSS-Tricks

Tout est dans le titre

The hidden attribute in HTML - HTMHell

Tout est dans le titre

Test-driven HTML and accessibility - HTMHell

Tout est dans le titre

Joy of Rails | What you need to know about SQLite

Tout est dans le titre

Évolution rapide et lente : le paradoxe de la plateforme Web — 24 jours de web

Tout est dans le titre

Web Performance Calendar » 5 tips to effectively optimize INP in React

Tout est dans le titre

Gitlab-CI, clé SSH avec passphrase, petit casse-tête – Le blog de Seboss666

Tout est dans le titre

New: Install Takeout with Docker | Tighten

Takeout est un outil en ligne de commande qui permet de lancer des petits conteneurs Docker pour chaque dépendance de l'environnement de développement. Il s'installait avec composer (PHP) mais il s'installe à présent avec Docker

HTML inert Attribute | 12 Days of Web

Une explication de l'utilisation de l'attribut HTML "inert"

patchlevel - Event Sourcing with Symfony

Tout est dans le titre

tldr InBrowser.App

Une version web de l'application tldr qui donne des exemples d'utilisation d'utilitaires en ligne de commande

Centrer les usages sur l'expérience humaine : inclusion, accessibilité, et formulaires — 24 jours de web

Tout est dans le titre

Web Performance Calendar » Top 8 things I want in the Devtools Network Panel

Tout est dans le titre

Fluid Superscripts And Subscripts | CSS-Tricks

L'auteur résout le problème de l'affichage web des exposants et autres caractères "décalés", uniquement en utilisant des css

Make Linux Script Portable With #!/usr/bin/env As a Shebang - nixCraft - Liens en vrac de sebsauvage

Le lien de Sebsauvage contient aussi un lien vers son wiki avec des recommandations sur l'écriture de scripts Bash

Ticket d’or pour visiter nos fabriques à services - La Contre-Voie

Cette association propose plusieurs services, en mode multi tenant :

  • Nextcloud
  • Wordpress
  • Paheko (comptabilité / gestion d'adhérents)
ARIA Live Regions - HTMHell

Les "live regions" sont des zones de contenu qui peuvent être mises à jour dynamiquement, ce qui provoque une annonce par un lecteur d'écran. L'autrice nous explique comment mettre en place ce mécanisme et ses limites.

Laravel France - Le véritable objectif de la responsabilité unique

Tout est dans le titre

Web Performance Calendar » How does the React Compiler perform on real code

Tout est dans le titre

Web Performance Calendar » Putting Performance in Relatable Terms

Tout est dans le titre

Starting off right: Where autofocus shines - HTMHell

Tout est dans le titre

Télétravail : 7 idées reçues démontées par la science

Tout est dans le titre

Git Lucky : jouer en harmonie grâce à Conventional Commits — 24 jours de web

Tout est dans le titre

L’accessibilité pour les personnes avec un handicap de la parole — 24 jours de web

Tout est dans le titre

La compression Web — 24 jours de web

Tout est dans le titre

Recruter avec amour — 24 jours de web

Tout est (presque) dans le titre :-) Très intéressant

10 Git Commands You’ll Wish You Knew Earlier - DEV Community

Tout est dans le titre

Plongée dans l’infrastructure technique de La Contre-Voie - La Contre-Voie

Tout est dans le titre

Fix Ubuntu and other Linux slow/hanging file copying via USB. · GitHub - Warrior du Dimanche

Tout est dans le titre

La conjuration de la fierté ignorante

Déprimant...

Libérez votre swap ! - slash-root.fr

Tout est dans le titre

Les enjeux de la compatibilité Web — 24 jours de web

Tout est dans le titre

Doctrine for Dummies: 50 Recommendations to Optimize ORM and Turbocharge Your App 🚗💨 | by Ahmed EBEN HASSINE | Nov, 2024 | Medium

Tout est dans le titre

The Hype Around Signals — Smashing Magazine

Une excellente introduction au concept de "Signaux" tels qu'utilisés dans SoldJS, Vue et Svelte.