explore | Grilled Cheese

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

Interfaces don't have to stay static. Learn how to craft evolving digital patina using modern CSS blend modes and stateful styling!

silphiumdesign.com/create-digit...

#CSS #WebDev #UIDesign

Complex CSS is hard to maintain.
OOCSS helps you solve this problem.
This method separates structure from visual design.
It makes your stylesheets lighter and faster.

#CSS #WebDev #FrontEnd

1/4

🎯 CSS Battle Lundi, 7 Septembre 2026

J'utilise le `radial-gradient` pour fabriquer les demi-ronds. En utilisant `at bottom`, on en fabrique un demi très facilement !
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/Ejzb-YMY7hw

#CSS columns is a property that’s often overlooked but I’ve recently been using it to display multiple columns of text.

.text-columns {
columns: 26ch;
column-gap: 1rem;
}

CSSで“光源”を置くと影まで決まる、Ambient CSSの面白さ
https://papoo.work/doc/c2b9941d147d679e
#css #uiデザイン #web開発 #デザインシステム #影表現

Large CSS files can break easily.
ITCSS helps you organize your stylesheets.
It orders CSS from broad rules down to specific rules.
This system avoids specificity conflicts.

#CSS #WebDev #FrontEnd

1/6

Masonry in stile Pinterest in CSS

https://www.myftaraj.com/it/blog/masonry-in-stile-pinterest-in-css

Alcune note su come realizzare un layout masonry usando solo CSS.

@programmazione

#CSS #WebDev #Frontend #WebDesign

CSSで“光源”を置くと影まで決まる、Ambient CSSの面白さ
https://papoo.work/doc/c2b9941d147d679e
#css #uiデザイン #web開発 #デザインシステム #影表現

🏆 September 6th CSS-Dodos Top 1

1 cheddy - X/5

css-questions.com/css-dodos

#css #cssdodos #cssquestions

I like how the demo isolates layout quirks using only semantic HTML and native CSS Grid, no JS hacks. For a similarly clean setup, try the CSS Subgrid spec to keep column alignment without extra wrapper <div>s. #CSS

Sticky headers, snapped slides, and scroll shadows have been JavaScript's job for a decade. scroll-state() container queries hand that work back to CSS.

🔗 danholloran.me/posts/css-sc...

#css #webdev

#Development #Playgrounds
Pure CSS halftone patterns · A playground where any photo becomes a halftone print ilo.im/16frif by Fitz

_____
#Images #Photos #Halftone #Effects #Print #Design #WebDesign #WebDev #Frontend #CSS

I'm refactoring some #CSS on the course website, making a few design updates, & found myself wanting to select elements inside a section without actually selecting the elements.

I knew what CSS feature I needed, knew it wasn't supported yet, & ended up starting a new article draft.

I love my job 😃

🎯 CSS Battle Dimanche, 6 Septembre 2026

3 elem en ligne: `img` est le bon idéal ! un `outline` sur le `html` passe au-dessus de tout, donc du `body` et même des `img`.
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution
youtu.be/QQJ_s2sAM38

リストマーカーの色やサイズは ::marker で触れます。

擬似要素で自作していた時代の書き方を、そろそろ置き換えられます。

#CSS