Adam Argyle jakearchibald.com
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
A CSS aggregator, sub for posts about @container, flexbox, grid, oklch, gradients and other rad CSS topics.
Feed on BlueskyFeeds Stats
- 💙 Liked by 45 users
- 📅 Updated 1 day ago
- ⚙️ Provider css-bluesky-feed.fly.dev
- 📈 In the last 30 days, there was 1 post about this feed. This post got a total of 11 likes and had 2 reposts.
Feed Preview for CSS Feed
@outerversalgoblin.bsky.social
about 2 hours agoThe advantage is it allows you to make individual sprites have animations, either by making them gifs, webm, or applying CSS styles, without needing it to apply to the entire frame. Thus far, it's largely still frames, but I do do some fun, small animation stuff with it.
0
0
1
Day 1 Learning from scratch:
Brushed through HTML & CSS yesterday but ran into some old concepts I had to revisit — things like floats, old layout techniques & responsiveness.
I’m using a tutorial cooked 7 years ago to clear out the gaps before moving fully modern.
0
1
1
CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation.
Here's how it works, and how to avoid the pitfalls.
jakearchibald.com/2025/an….
13
50
245
10 Cool Codepen Demos from September 2025: Squircles, shadows, components, clocks made out of clocks, generative art, shaders, animations... and more!
alvaromontoro.com/10-cool….
#webdev #javascript #html #css
alvaromontoro.com
10 Cool CodePen demos
10 Cool CodePen demos from September 2025
1
0
1
current status: running a playwright browser inside Vitest to generate CSS Coverage data on the fly. Then pass it into my function that calculates all coverage data (lines covered, per file, bytes covered, etc.) and all totals.
This thing totally rips!
Bart Veneman@veneman.dev
Of course the one thing I need to backport from Wallace to work is the one of the very few pieces that's not covered by tests. Whelp.
1
1
12
Anyway, trying to see how minimal I can get the CSS. Built-in dark mode is quite nice
0
0
0
I have completed Learn CSS Colors by Building a Set of Colored Markers #freecodecamp
0
0
0
Its that time of year again
Rebuilding a blog but this time starting with a base 11ty blog and then will be gradually adding to it while going through @bell.bz complete CSS course.
1
0
2
The Future of Web Styling: CSS Nesting, Container Queries & Scoped Styles
CSS is evolving with three major features: Nesting for cleaner, structured code, Container Queries for responsive components, and Scoped Styles to stop style leaks. Together, they make CSS more modular, pr…
#hackernews #news
hackernoon.com
The Future of Web Styling: CSS Nesting, Container Queries & Scoped Styles
CSS is evolving with three major features: Nesting for cleaner, structured code, Container Queries for responsive components, and Scoped Styles to stop style leaks. Together, they make CSS more modular, predictable, and user-focused. Browser support is growing, and developers who adopt now will gain a strong edge.
0
0
0
jQuery Dynamic Grid: XML Gallery
code.stylelib.org/?p=11979
#codecanyon #gallery #grid #imagesandmedia #javascript #responsive #slider
0
0
1
Hey! I'm writing a "TS-in-CSS" library, so using typescript as a CSS preprocessor (see the thread if you're interested).
So I need to execute some typescript (and postcss) during the build, and include the resulting CSS as an asset. That part was neat and easy, but (...)
bsky.app/profile/jani...
Janis Jansen 🌳@janis.me
It has full typescript hinting support as well. You see what CSS will be built *inside* the type hints.
1
0
1
I seem unable to pass method references to subcomponents.
I can't put CSS classes on Svelte components.
Stores are built in, but they confuse me because of the runes - but that's only because I never used it before.
TS doesn't seem to be a first class citizen, rarely mentioned in docs.
4
0
0
@mlusetti.bsky.social
about 12 hours agoI mean the CSS (or Tailwind for ex) in the Svelte components
1
0
0
i like making little web apps for myself/family/friends. the most annoying parts — the parts that drastically increase the scope, from "a bunch of HTML, CSS & JS files" to "a web server and database" — are auth+persistence. so i am very excited about atproto including a user-owned solution for both.
Erlend Sogge Heggen@erlend.sh
The web can be made personal again. blog.muni.town/personal-dat...
blog.muni.town
3
5
52
on comprend mal le code couleur,
faudrait n'indiquer que celui en cours d'affichage
(display:none;)
du CSS selon que le parent est coché ou non, sinon en javascript, mais je pense que ça aiderait beaucoup à savoir ce qui est affiché
on peut en prime encadrer le bouton coché (mode/gravité)
1
0
0
No, is not the mushrooms you took. This is Spazio Bianco, an Astro & Tailwind CSS SaaS template.
lexingtonthemes.com/templ….
0
0
0
forgot I have a wip 'css starter' for side projects.
1
0
2
for those features that need a 30 month estimate for widely available.
1
0
1
Do you ever feel this way?
When you see a new CSS property, go to MDN, and then say to yourself,
"Okay, is there an explanation for dumb people like me?"
And go to a different site to find a description like it is for children? 😅
0
0
3
🦖 contrast()
✅ Widely available (from Sept 2016)
developer.mozilla.org/en-…
The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.
#webdev #CSS
developer.mozilla.org
contrast() - CSS | MDN
The contrast() CSS function adjusts the contrast of the input image. Its result is a .
0
0
1
CSS の padding や margin に
4方向の値を並べて指定するやつ、
何処がどの方向なのか、
どうやっても覚えられる気がしない。
0
0
0
Safari Technology Preview 229リリース。
CSSの`text-decoration-line`で`spelling-error`/`grammar-error`のサポート。
SVGの`onbegin`イベント、`async`属性、`download`属性のサポート。
WebGPUでの`GPUTexture`オブジェクトのサポートなど "Release Notes for Safa…" webkit.org/blog/17447/rel…
0
0
0
Safariのバーが追従してくる不具合は、機能フラグの CSS Anchor Positioning と CSS Anchor Positioning: position-visibility
で対応できた気がする
0
0
0