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 / 17
323 results tagged css  ✕
La valeur currentColor en CSS - Alsacreations https://www.alsacreations.com/article/lire/1945-La-valeur-currentColor-en-CSS.html
09/05/2025 00:16:56

La propriété CSS currentColor est souvent méconnue.

css couleur
Smooth transitions with the View Transition API  |  View Transitions  |  Chrome for Developers https://developer.chrome.com/docs/web-platform/view-transitions
27/04/2025 20:48:36

Un guide utile pour l'API view-transiton.

Voir aussi https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/

animation css javascript
uaplus.css | fokus https://fokus.dev/tools/uaplus/
20/04/2025 08:22:39

Une sorte de reset CSS un peu différent, qui se focalise sur l'amélioration de certains styles manquants par défaut dans les navigateurs, notamment pour l'accessibilité.

css reset
The CSS shape() function | WebKit https://webkit.org/blog/16794/the-css-shape-function/
16/04/2025 08:07:06

La fonction CSS shape() permet de définir des formes avec la même logique que SVG mais au lieu de M, L etc. on utilise des mots clés CSS comme top, bottom, 50%, ce qui permet de rendre les formes responsives !

css shape
Default styles for h1 elements are changing | MDN Blog https://developer.mozilla.org/en-US/blog/h1-element-styles/
11/04/2025 21:57:22

Je ne savais pas que le style par défaut de la balise <h1> peut varier si elle est contenue à l'intérieur d'une ou plusieurs <section> par exemple. Cette particularité disparaîtra bientôt.

css user-agent
CSS Form Control Styling Level 1 https://drafts.csswg.org/css-forms/
22/03/2025 08:10:16

Premier draft pour les spécifications CSS qui permettront de styliser les composants natifs.

css
A Million Little Secrets • Josh W. Comeau https://www.joshwcomeau.com/blog/whimsical-animations/
24/02/2025 22:09:50

Ajoutez une touche d'animation (ou plusieurs !) à vos sites web.

animation css
Flexbox Labs https://flexboxlabs.netlify.app/
23/02/2025 19:20:14

Un outil interactif pour comprendre le positionnement Flexbox en CSS et expérimenter ses propriétés.

css flexbox outil
ESLint now officially supports linting of CSS - ESLint - Pluggable JavaScript Linter https://eslint.org/blog/2025/02/eslint-css-support/
19/02/2025 14:25:44

ESLint permet maintenant de linter le code CSS.

css linter eslint
CSS scrollbar-color and scrollbar-gutter are Baseline Newly available  |  Articles  |  web.dev https://web.dev/blog/baseline-scrollbar-props
18/02/2025 09:07:45

Il existe enfin une façon standard de styliser les barres de défilement (scrollbars) avec scrollbar-color et scrollbar-width.

css scroll
Faux Containers in CSS Grids – Cloud Four https://cloudfour.com/thinks/faux-containers-in-css-grids/
18/02/2025 09:02:23

Utilisation de CSS Grid pour créer un bloc duquel le contenu dépassé partiellement aux extrémités, mais de manière harmonieuse.

Le code final reste assez complexe surtout si vous n'êtes pas familier avec CSS Grid 😬

css grid layout
CSS margin-trim and line height units | 12 Days of Web https://12daysofweb.dev/2024/css-margin-trim-line-height-units/
16/02/2025 08:45:20

2 ajouts intéressants à CSS, surtout margin-trim qui permet à un élément parent d'annuler toutes les marges des éléments enfants avec lesquelles il est en contact.

css
Some Things You Might Not Know About Custom Counter Styles | CSS-Tricks https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/
27/01/2025 23:08:06

Configurer en détail les éternelles listes numérotées est désormais possible en CSS.

css nouveauté
content-visibility - CSS: Cascading Style Sheets | MDN https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility
25/01/2025 08:27:31

La nouvelle propriété CSS content-visibility permet de faire du lazy loading sur des morceau entiers du DOM pour améliorer le temps de chargement de vos pages.

Les éléments à qui est attribuée la valeur auto ne seront "peint" ou rendu par le navigateur seulement lorsqu'ils s'apprêtent à être visible, après que l'utilisateur ait suffisamment fait défilé la page.

Et c'est un bon candidat à l'amélioration progressive puisque les navigateurs qui ne connaissent pas cette propriété se contenteront de l'ignorer.

css performances optimisation
Element: animate() method - Web APIs | MDN https://developer.mozilla.org/en-US/docs/Web/API/Element/animate
19/01/2025 21:00:38

Je ne connaissais pas la méthode animate() utilisable sur un élément HTML qui permet de créer et déclancher une animation CSS à la volée, en JavaScript, un peu à la manière de ce que permettent les librairies d'animation, mais en natif du coup.

css animation
Fancy Menu Navigation Using Anchor Positioning | CSS-Tricks https://css-tricks.com/fancy-menu-navigation-using-anchor-positioning/
18/01/2025 09:43:02

Le positionnement par ancres de CSS (uniquement dans les navigateurs basés sur Chromium pour le moment) ouvre énormément de possibilités.

css
New Front-End Features For Designers In 2025 — Smashing Magazine https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/
09/01/2025 22:39:19

Quelques nouveautés CSS quo vont devenir de plus en plus utilisables en 2025.

css
HTML inert Attribute | 12 Days of Web https://12daysofweb.dev/2024/html-inert-attribute/
27/12/2024 14:13:59

Ajouter l'attribut inert à un élément HTML le rend — lui et tous ses descendants — inopérants. Il devient impossible d'interagir avec eux.

L'article aborde les différences avec les attributs ou les propriétés CSS similaires qu'il ne remplace pas, tels que disabled, visability: hidden, etc.

Par exemple, c'est ce que les modales HTML natives utilisent pour empêcher les interactions avec ce qu'elles recouvrent.

html css
Animating Entry Effects | 12 Days of Web https://12daysofweb.dev/2024/animating-entry-effects/
27/12/2024 14:02:57

Exploration des propriétés CSS @starting-style et transition-behavior: allow-discrete pour les animations.

Les valeurs discrètes sont les valeurs non-numeriques telles que block, inline, etc.

css astuce animation
Preloading fonts for web performance with link rel=”preload” - HTMHell https://htmhell.dev/adventcalendar/2024/25/
25/12/2024 17:26:54

Pré-charger les polices de caractère dont on sait à l'avance qu'elles seront utilisées, pour que le navigateur n'attende pas d'avoir chargé le CSS pour les télécharger.

Cette technique permet de limiter les layout shifts provoqués par le remplacement de la police par défaut par la police personnalisée, et d'améliorer le temps de chargement global de la page.

css performances optimisation font
page 1 / 17
3845 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn