Créer et partager des thèmes pour shadcn avec ShadcnThemer

Voici un outil en ligne qui permet de créer, personnaliser et partager des thèmes pour shadcn/ui, la bibliothèque de composants React basée sur Tailwind CSS.

Un framework CSS rétro façon Game Boy

Si vous avez grandi avec une Game Boy entre les mains, passant des heures sur Pokémon Rouge ou Bleu, la bibliothèque CSS Pokemon GameBoy vous permet de recréer l'interface authentique des premiers jeux Pokémon directement dans vos pages Web.

Mettez du CSS dans vos console.log

Vous le savez sans doute : la console JavaScript (console.log) est un outil essentiel pour les développeurs web. Mais saviez-vous qu’il est possible de la rendre plus lisible (ou plus fun) en y ajoutant du style CSS ? Oui, console.log peut afficher des messages colorés, agrandis, soulignés ou même encadrés, en utilisant la puissance du CSS !

Un look rétro 8-bit à vos composants Shadcn avec 8bitcn

Dans l'univers du développement web front-end, les bibliothèques de composants comme shadcn/ui ont participé à notre façon de construire des interfaces utilisateur. Découvrons la lib CSS 8bitcn, qui transforme les composants shadcn en véritables œuvres d'art pixelisées.

CS16.css : la lib CSS qui fait revivre l'interface de Counter Strike 1.6

Si vous êtes un nostalgique de Counter-Strike 1.6, vous serez ravi de découvrir CS16.css et de pouvoir créer des interfaces Web avec le style du jeu iconique.

Ajouter facilement des animations de chargement en CSS avec Whirl

L'utilisation des animations CSS permet d'améliorer l'expérience utilisateur de votre site Web. Découvrez une multitude d'animations grâce à ce site !

Rendre le sélecteur d'attribut CSS insensible à la casse

Vous le savez peut-être déjà, mais en CSS, il est possible de filtrer sur un attribut d'un élément en omettant la casse de la valeur dudit attribut. Voyons comment faire.

CSS Compatibility : l'extension VS Code incontournable pour les développeurs frontend

Dans le développement web, la compatibilité des styles CSS à travers les différents navigateurs a toujours été préoccupation constante. Un peu plus à l'époque où Internet Explorer était le maître en la maniètre. Les développeurs doivent souvent jongler avec des propriétés CSS qui ne sont pas uniformément prises en charge, ce qui peut mener à des comportements inattendus et à des heures de débogage. Heureusement, l'extension "CSS Compatibility Checker" pour Visual Studio Code est là pour vous faciliter la vie.

Analyser le CSS d'un site grâce à Project Wallace CSS Analyzer

Le CSS est un composant essentiel de la conception web, mais il peut rapidement devenir complexe et difficile à gérer. Project Wallace propose une solution puissante pour analyser et améliorer vos fichiers CSS, vous permettant ainsi de maintenir un code propre et efficace.

Utilisez scrollbar.app pour styliser vos scrollbars en CSS !

Les barres de défilement (scrollbars) font partie intégrante de notre expérience de navigation sur le Web, mais elles sont souvent négligées en termes de personnalisation. Avec le site Scrollbar.app, la personnalisation des barres de défilement CSS devient un jeu d'enfant.

On passe la barre des 10 ans du blog !
Divers
Hotlap Daily : un mini jeu de course addictif
Divers
Analyser la popularité des bibliothèques JavaScript avec npmcharts
Dév. Web
Top 5 des outils pour connaître votre bande passante
Informatique générale