explore | Grilled Cheese

#CSS Link parameters for SVG by @ollie-williams.bsky.social

📣 Don't miss your opportunity to share your research at "Womplexity Meets Northeast" Satellite during #CCS2026

⏰ Deadline: Sept 11
📍 Binghamton, NY & Online

Submit your abstract here: docs.google.com/forms/d/e/1F... #ComplexSystems #CSS

RE: https://fosstodon.org/@francoisz/117233903616783529

This post started badly, but somehow managed to get worse at every step. #CSS #JS #Frontend #WedDev

#Development #Analyses
CodePen: exposed! · What the code editor’s users might not know ilo.im/16fyv2 by David Bushell

_____
#Privacy #Licenses #ToS #CodeEditor #CodePen #WebDev #Frontend #HTML #CSS #JavaScript

#CSS accent-color and AccentColor by @ollie-williams.bsky.social

Hey #CSS friends.

Why is text stroke still behind a WebKit prefix?

-webkit-text-stroke seems to work everywhere. Oughtn't it be standardised by now?

Container style queries and advanced attr(): rethinking how to wire up components in CSS. Brecht De Ruyte casts attributes like data-gap="2" into typed CSS values and lets @container style() queries rescale a whole card from one variable. #css #component

utilitybend.com/blog...

Выражения от контейнера со style() и продвинутый attr(): новый способ связывать компоненты в CSS. Брехт Де Рюйте превращает атрибуты data-gap="2" в типизированные значения CSS, а @container style() пересчитывает карточку одной переменной. #css #component

utilitybend.com/blog...

🎯 CSS Battle Mardi, 8 Septembre 2026

Trick habituel de CSS golfing, font:size/lineheight 🧐
En conditions réelles
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/RUGgO_ZtoiY

We are excited to share a new extension for Fylgja CSS, the attr v2 polyfill 🎉

This extension brings better support for the attr v2 syntax, by letting older browsers fall back to a static list of values.

fylgja.dev/blog/introdu...

#fylgjacss #css @vite.dev #postcss #lightningcss

Ca a l'air pas mal la nouvelle fonction "shape()" de clip-path, devenue baseline. Les coordonnées SVG traduites en langage plus accessible, mais le tout demande un petit temps à maîtriser. #CSS

New blog post: Using maths to balance your heading styles.

Using a modular scale, size, spacing and weight to create accessible and visually balanced headings, for all six levels.

www.craigabbott.co.uk/blog/2026/us...

#accessibility #a11y #design #ux #css

BEM often forces you to write long class names.
RSCSS offers a simpler alternative.
It helps you write clean and readable CSS code.

#CSS #WebDev #FrontEnd

1/4

#Development #Techniques
Animating CSS Grid layouts · Smooth grid reflows with CSS Anchor Positioning ilo.im/16fyjw by Bram Van Damme

_____
#ModernCSS #CssGrid #AnchorPositioning #Layouts #FluidDesign #WebDesign #WebDev #Frontend #CSS

From a website created years after the current gradient syntax (newer than any gradient syntax version they use in their CSS) was supported cross-browser.

They also use oklch() + relative syntax in their #CSS. Make it make sense.

And background-clip: padding-box? Does nothing, there's no border.

I Broke Every “Rule” of Responsive Design. It Got Better.

6 Things You Need to Keep in Mind When Making a Website Responsive (And the Last One Changes Everything)

#CSS #WebDevelopment

pixicstudio.medium.com/responsive-w...

【Tips】
CSSの:has()を使うと、入力欄の状態に応じて、ラベルやグループ全体の見た目を変えられます👀

```
.form-group:has(input:invalid) {
color: red;
}
```
「不正な値が入ったinputを持つ.form-group」だけを赤くする、JSいらずの書き方です👍

#codegrid #css

🏆 September 7th CSS-Dodos Top 1

1 cheddy - 2/6, clean

css-questions.com/css-dodos

#css #cssdodos #cssquestions

Added progress bars, win / lose conditions and enemies.
I'm experimenting with using #CSS animations as timing functions for #JS and effects are promising.

#js13k #gamedev #javascript