Vue lecture

Quickshell – Un toolkit QML pour personnaliser de votre bureau Linux

Si vous faites partie de ces gens qui passent plus de temps à configurer leur barre de tâches qu'à réellement bosser sur leur PC, j'ai déniché un truc qui va vous plaire (ou vous faire perdre encore plus d'heures de sommeil, au choix).

Dites bonjour à Quickshell !!

Car on a tous voulu avoir un jour une barre de statut un peu sexy sous Linux et finalement se retrouver à se farcir des fichiers de config imbuvables ou des centaines de lignes de CSS hacky pour simplement changer une malheureuse icône. C’est souvent frustrant, sans parler du temps perdu, et on finit par garder le truc par défaut par pure flemme. Mais avec Quickshell, un nouveau monde devient possible !

Voici quelques exemples de ce qu'on peut faire avec Quickshell, du Material You au style rétro :

L'idée en fait, c'est d'utiliser le QML (le langage de Qt pour les interfaces) pour décrire son bureau de façon déclarative car c'est lisible, et surtout, c'est hyper puissant. Le toolkit vous permet de créer non seulement des barres de statut, mais aussi des widgets et des tableaux de bord, et si vous vous sentez l'âme d'un développeur, vous pouvez même construire vos propres écrans de verrouillage en vous basant sur les capacités du moteur.

Le gros point fort de cet outil, c'est le rechargement à la volée. Bon, c'est pas encore du hot reloading automatique à chaque micro-seconde, mais vous pouvez déclencher la mise à jour de votre config instantanément (souvent via un simple raccourci ou une commande), et hop, la modification apparaît sur votre écran sans avoir à redémarrer toute votre session. Pour itérer rapidement sur un design, c'est juste du bonheur.

Côté technique, le projet envoie du bois puisque c'est écrit principalement en C++, que c'est sous licence LGPL-3.0/GPL-3.0, et que ça supporte aussi bien Wayland que X11 (même si Wayland est clairement le chouchou). Ça s'intègre d'ailleurs plutôt bien avec des compositeurs comme Hyprland ou Sway, selon votre configuration et les protocoles disponibles. Y'a même un module pour PipeWire si vous voulez gérer votre audio aux petits oignons et un support du system tray (via StatusNotifierItem).

La communauté commence d'ailleurs à sortir des trucs assez fous. J'ai vu passer des environnements complets construits avec le toolkit, comme DankMaterialShell qui adaptent les couleurs à votre fond d'écran, ou des délires plus rétro qui nous ramènent direct dans les années 90.

Bref, si vous avez envie de bidouiller votre desktop sans vous arracher les cheveux sur du CSS, foncez tester ça. C'est gratuit, c'est open source, et ça tourne nickel.

Source

  •  

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
  •  

Utiliser Google Earth sur Raspberry Pi : la solution Web qui fonctionne

L’application Google Earth n’est plus réellement maintenue sous Linux, et elle n’existe plus du tout en version native pour les architectures ARM, comme celles des Raspberry Pi. La dernière version officielle pour Linux date de 2020, et son installation sur un Pi (ARM) est aujourd’hui vouée à l’échec. En pratique, pour utiliser Google Earth sous […]

Cet article Utiliser Google Earth sur Raspberry Pi : la solution Web qui fonctionne a été publié en premier sur Framboise 314, le Raspberry Pi à la sauce française.....

  •  

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
  •  
❌