kalvn's links
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 1 / 14
263 results tagged css  ✕
Tailwind CSS Components | PostSrc https://postsrc.com/components
16/01/2023 13:31:24

Collection of Tailwind CSS components for everyone to use. Browse all of the components that's right for your project.

tailwindcss css composant
The State of CSS 2022 https://2022.stateofcss.com/en-US/
13/12/2022 22:10:52

Les résultats sont dispo :)

css
A Practical Guide to CSS Media Queries - Stack Diary https://stackdiary.com/css-media-queries/
07/12/2022 08:12:31

Il n'est jamais trop tard pour apprendre en détail ce que sont les media queries en CSS. Elles ont d'ailleurs pas mal évoluées au fil des années.

css media-queries
Static filter syntax · gorhill/uBlock Wiki · GitHub https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#subjectstylearg
06/12/2022 17:09:09

Je découvre que uBlock Origin peut injecter du CSS dans les pages. La règle est plutôt simple:

# subject:style(arg)
# Où subject est un sélecteur CSS, et arg la ou les propriétés CSS.

# Exemple :

example.com##h1:style(background-color: blue !important)
motobanda.pl###mvideo:style(z-index: 1!important)
css ublock
Super Useful CSS Resources 🌈 - DEV Community 👩‍💻👨‍💻 https://dev.to/lissy93/super-useful-css-resources-1ba3
05/12/2022 15:51:31

Une GIGANTESQUE collection d'outils CSS. Très pratique pour les choses un peu créatives qui sortent de l'ordinaire.

css outil
CSS Timeline https://css-timeline.vercel.app/
23/11/2022 14:35:40

Une timeline en CSS.

css timeline lib
An Interactive Guide to Flexbox in CSS https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
23/11/2022 14:28:31

Le guide ultime pour comprendre CSS Flexbox selon moi (et j'en ai lu un paquet). C'est en anglais et relativement long, mais tout y est, mêmes les nouveautés comme la propriété gap ou les subtilités comme margin: auto.

J'ai découvert 2 ou 3 trucs que je ne connaissais pas alors que je suis un très gros utilisateur de Flexbox.

css tuto flexbox
unocss/unocss: The instant on-demand atomic CSS engine. https://github.com/unocss/unocss
19/11/2022 23:14:45

J'ai beaucoup de mal avec les framework CSS dit utility-first type Tailwind et consorts. Le HTML est souvent surchargé de classes cryptiques et devient donc difficile à lire. Sans parler du risque de ne pas "nettoyer" correctement le CSS final et donc d'embarquer des méga octets de CSS inutile.

Mais je dois admettre que l'approche proposée par UnoCSS est séduisante. Le nettoyage est fait à la volée et il fonctionne par "presets". On peut donc importer les règles que l'on veut, et créer nos propres règles facilement.

À essayer...

css framework
Home | Agnostic https://www.agnosticui.com/
05/10/2022 15:14:53

Une lib de composants compatibles avec React, Vue, Svelte, Angular et même du pur JS. J'imagine même pas le boulot de maintenance que ça représente 🙃

lib javascript css ui
The breakpoints we tested in 2021 & 2022, and the ones to test in 2023 https://polypane.app/blog/the-breakpoints-we-tested-in-2021-and-the-ones-to-test-in-2022/
30/09/2022 16:05:46

Quels sont les breakpoints les plus populaires.

css responsive
Le Reset CSS, une histoire d'héritage et de réinitialisation https://www.alsacreations.com/article/lire/1867-reset-css-une-histoire-heritage-et-reinitialisation.html
29/06/2022 20:54:19

Tout sur reset.css et normalize.css.

css reset
Bounce.js http://bouncejs.com/
20/03/2022 15:12:10

Un outil pour générer des animations CSS3 via une interface graphique. Il existe aussi une lib JS qui permet de faire la même chose dynamiquement en JS.

lib javascript animation css
1-Line Layouts https://1linelayouts.glitch.me/
04/06/2021 10:27:44
css
Grid Garden - A game for learning CSS grid layout https://cssgridgarden.com/
31/05/2021 16:10:36

A game for learning CSS grid layout

Via https://korben.info/apprendre-grilles-css.html

css grid
100 underline/overlay animations | The ultimate CSS collection 🥇 - DEV Community https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40
29/05/2021 21:20:59

100 animations hover en CSS. Histoire de change du classique changement de couleur ou soulignement.

css animation hover
I made 100 CSS loaders for your next project - DEV Community https://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje
29/05/2021 21:17:49

100 loaders en pur CSS.

css loading
No, Utility Classes Aren't the Same As Inline Styles | frontstuff https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
19/05/2021 13:20:56

Les frameworks CSS orientés utility classes (type Tailwind) ont le vent en poupe. J'avoue avoir du mal avec ce concept pour le moment.

Ce qui est souvent reproché à ce type de frameworks c'est le fait que ça reviendrait à écrire du CSS inline. Cet article explique que c'est faux. Et les arguments avancés tiennent la route.

Reste qu'on se retrouve quand même avec quelques contraintes :

  • Du HTML verbeux et difficile à lire.
  • La nécessité de parser tous les templates HTML pour supprimer le CSS non utilisé (PurgeCSS) au risque de se retrouver avec un poids total de CSS gigantesque, en faisant attention de ne pas inclure des classes dynamiquement.
  • La nécessité d'apprendre et de connaître toutes les classes utilitaires (même si une bonne partie est explicite).

A voir comment ça évolue.

css framework lib
CSS Tips - Marko Denic - Web Developer https://markodenic.com/css-tips/
28/04/2021 17:01:43

Quelques astuces CSS avancées.

CSS tips and tricks you will not see in most of tutorials.

Via https://sebsauvage.net/links/?vpxZLA

css astuce
CSS Grid Layout, guide complet https://la-cascade.io/css-grid-layout-guide-complet/
11/04/2021 19:45:38
css grid
Handling Text Over Images in CSS https://ishadeed.com/article/handling-text-over-image-css/
01/04/2021 10:20:59

De très bons conseils pour intégrer du texte par dessus une image et s'assurer qu'il reste bien lisible.

Learn how to handle text over images in CSS by taking accessibility in mind

css astuce image
page 1 / 14
3151 links, including 121 private
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn