Search: [css] - kalvn's links

Tailwind marketing and misinformation engine https://nuejs.org/blog/tailwind-misinformation-engine/

19/02/2024 15:22:42

Cet article (🇬🇧) explique tellement bien ce qui cloche avec Tailwind.css ! Ça me rassure de voir que ce point de vue existe toujours. Tailwind est simplement très très fort en communication/manipulation.

À lire !

Because trends are temporary, but standards are forever.

JavaScript Game Tutorial with HTML Canvas: Gorillas https://www.youtube.com/watch?v=2q5EufbUEQk&t=1

17/02/2024 13:26:06

Une vidéo de 1h54 qui vous apprendra à développer un jeu simple de zéro en HTML, CSS et JS, sans aucune dépendance, avec l'élément HTML <canvas>.

Le fait de partir de rien sans aucun moteur graphique rend l'approche super intéressante !

Explore 3000+ Free UI Elements: CSS & Tailwind https://uiverse.io/

17/02/2024 13:18:51

Une collection de 4000+ éléments HTML + CSS (boutons, checkboxes, etc.) à copier/coller dans vos projets.

Via https://korben.info/uiverse-plus-3500-elements-interface-utilisateur-copier-coller-projets-web.html

How To Center a Div https://www.joshwcomeau.com/css/center-a-div/

17/02/2024 13:08:13

Comme toujours, un article passionnant de Josh Comeau qui explore les différentes façon de centrer un élément HTML en CSS. Didactique et plein de petites astuces très utiles. Vous allez presque obligatoirement apprendre quelque chose 😉

max-width: fit-content; 😍

The Valley of Code https://thevalleyofcode.com/

03/02/2024 14:56:58

Un énorme regroupement de tutoriels relatifs au développement web.

CSS :has() le sélecteur de parent, mais bien plus encore ! - Alsacreations https://www.alsacreations.com/article/lire/1924-css-has-selecteur-parent.html

18/01/2024 23:26:53

Un article en français qui présente le sélecteur CSS :has avec quelques cas d'utilisation.

Je sens que ça va me prendre un peu de temps de l'appréhender, mais il ouvre de belles possibilités :)

Mettre en surbrillance ligne et colonne au survol d'une table - Alsacreations https://www.alsacreations.com/astuce/lire/1923-Mettre-en-surbrillance-ligne-et-colonne-au-survol-d-une-table.html

06/01/2024 09:28:33

Une astuce pour mettre en surbrillance la ligne et la colonne auxquelles appartient la cellule d'un tableau HTML, uniquement avec CSS.

dbohdan/classless-css: A list of classless CSS themes/frameworks with screenshots https://github.com/dbohdan/classless-css

30/12/2023 14:22:14

Une liste de thèmes CSS "classless" ce qui signifie qu'ils se contentent de styliser les composants HTML par défaut, sans utiliser de classes supplémentaires.

Ces styles sont un bon moyen de proposer un style moderne tout en conservant un code HTML aussi simple que possible.

Wes Bos (@wesbos): "🔥 As of today, CSS :has() is now supported in every browser! This is a next-level selector that opens up a ton of new possibilities. Here are 10 hot tips for using CSS :has() Details of each below" | nitter https://nitter.net/wesbos/status/1737148340322652632

21/12/2023 17:27:27

Le sélecteur CSS :has est à présent géré par tous les navigateurs majeurs. Voici quelques exemples d'utilisation.

Animer un bouton burger simple avec SVG et CSS - Alsacreations https://www.alsacreations.com/tuto/lire/1921-Animer-un-bouton-burger-simple-avec-SVG-et-CSS.html

19/12/2023 23:27:53

Un tuto simple qui aborde l'animation d'un SVG simple avec des transitions CSS.

12 Days of Web https://12daysofweb.dev/

03/12/2023 08:50:06

Un calendrier de l'avent du développement front-end, principalement ciblé sur CSS et JS. Parfait pour découvrir les nouveautés en la matière petit à petit, un article par jour 😊

An Interactive Guide to CSS Grid https://www.joshwcomeau.com/css/interactive-guide-to-grid/

21/11/2023 23:25:56

L'une des approches les plus didactiques que j'ai pu lire pour comprendre Grid layout en CSS. J'ai d'ailleurs déjà partagé son article sur Flexbox qui était tout aussi bon.