timwuyts.be - Profile | ThreadSky | a Reddit-style client for Bluesky

💡 CSS Tip! Do you know safe alignment? It's when you make sure your overflowing content is always fully accessible on scroll regardless of the alignment configuration. css-tip.com/safe-align/ It's not something new but you are probably not aware about it.

submitted 18 days ago • 1 comment

We used to build websites. Now we build pipelines, frameworks, and hydration strategies - just to publish text. This isn’t progress. It’s complexity, by design. We need to escape the JavaScript framework trap. www.jonoalderson.com/conjecture/j...

submitted 9 days ago • 7 comments

This was new to me—you can make all the text in an element selectable when clicked with one CSS property: user-select: all; From @kevinpowell.co

submitted 15 days ago • 2 comments

@miriam.codes blowing my mind with the talk: "Is Sass Dead Yet? #CSS Mixins & Functions" at #CSSDay

submitted 23 days ago • 0 comments

(comic) User Stories for Clarity

submitted 26 days ago • 0 comments

👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.

submitted 30 days ago • 9 comments

Have you ever tried using color contrast tools backed by the WCAG 2 contrast algorithm (probably didn’t realize) — and then wonder “WHY IN THE WORLD DOES BLACK ON MEDIUM BLUE PASS WHILE WHITE ON MEDIUM BLUE FAILS?” You aren’t the only one. Learn what’s going on: webkit.org/blog/16929/c...

submitted 46 days ago • 4 comments

Here's my talk from I/O along with the companion blog post that rounds up all of the links mentioned. It's been a very exciting year for the web, and all the new Baseline tooling we've just announced can help you understand when to adopt these new features. web.dev/blog/whats-n...

submitted 37 days ago • 1 comment

CSS picture-in-picture video transition using container queries + position: sticky 🧑‍🍳 .container { container-type: scroll-state; } @container scroll-state(stuck: top) { video { translate: calc(50vw - 100%) calc(100vh - 100%); } }

submitted 38 days ago • 3 comments

If you need to edit an SVG in @vscode.dev, the current default experience is to just show the image of the SVG rather than the code for it. This annoyed me! You can turn off this behavior if you put the following in your settings: "workbench.editorAssociations": { "*.svg": "default" }

submitted 36 days ago • 6 comments

hold to confirm signature ✍️

submitted 38 days ago • 3 comments

submitted 46 days ago • 7 comments

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

submitted 47 days ago • 9 comments

For everyone who was like “Google search is getting worse,” we were absolutely right.

submitted 48 days ago • 323 comments

CSS anchor positioning is awesome. Can't wait this feature to be widely compatible. presentation by @kevinpowell.co www.youtube.com/watch?v=DNXE... #css #frontend #webdev

submitted 82 days ago • 1 comment

Use CSS reading-flow for logical sequential focus navigation https://developer.chrome.com/blog/reading-flow?hl=en

submitted 52 days ago • 1 comment

Another pure #CSS & #SVG thing I made on @codepen.io: codepen.io/thebabydino/... Idea from codepen.io/gabrielcojea... but: ✨ no JS for scroll-triggered transitions, just a scroll-driven animations trick 🪄 ✨ no text duplication for the dynamic headline-image intersection, just a simple #SVG filter

submitted 221 days ago • 3 comments

This CSS holographic effect by @hejchristian.com is amazing 😍 codepen.io/HejChristian...

submitted 96 days ago • 3 comments

🛠️ ✍️ New Interactive Article: CSS Relative Colors I explored how CSS relative colors work, the problem they solve, along with many practical examples. ishadeed.com/article/css-...

submitted 111 days ago • 5 comments

Custom Properties compute before they inherit ... and by registering a custom property with a certain syntax, CSS knows what to compute it to ... which allows this:

submitted 52 days ago • 2 comments

Just gonna leave this here...

submitted 54 days ago • 17 comments

THE FUTUR<span class="css-yrwjsr css-ftm40m">E</span> of web development.

submitted 52 days ago • 5 comments

Jotting down a few notes on the new CSS shape() function and the commands it supports. It's incredible how dense this stuff is, but it's still a lot easier to grok than working with SVG paths by hand! css-tricks.com/css-shape-co...

submitted 57 days ago • 2 comments

Please enjoy a deep look at using border-image to enhance illustrations, written by one of my web design heroes, Andy Clarke. css-tricks.com/revisiting-c...

submitted 99 days ago • 0 comments

This is as smooth as butter. The art direction and storytelling is unbelievably good too. Top stuff.

submitted 82 days ago • 4 comments

Beautiful. I waited so so very long for this 😭

submitted 58 days ago • 0 comments

IE was right all along

submitted 66 days ago • 8 comments

Little @codepen.io demo: stacked avatars codepen.io/thebabydino/... Pure #CSS and very little of it, just some #flexbox magic. 🪄

submitted 88 days ago • 0 comments

✍️ New Article: First Look at The Modern attr() I explored the new attr() capabilities and shared my thoughts about it. Happy reading! ishadeed.com/article/mode...

submitted 86 days ago • 4 comments

Remember that slick hover effect on Evervault's site? Still hot as hell 🔥 In 2023 we broke it down and recreated the spotlight hover magic using CSS & JS! Still a favorite: tympanus.net/codrops/2023... #css #javascript #frontend

submitted 69 days ago • 0 comments

There’s some fantastic UI inspiration over here on Fancy Components: www.fancycomponents.dev/components I can already here the grumblings around practicality, accessibility, React, etc, but let’s park all that and just enjoy some fun and creative UI design for a bit.

submitted 88 days ago • 2 comments

Why do AI company logos look like buttholes? velvetshark.com/ai-company-l...

submitted 78 days ago • 6 comments

This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...

submitted 69 days ago • 0 comments

#tinyCSStip Want to make an element start animating (for ex rotating) on hover, pause when unhovered, then resume animating when hovered again? All while applying other style changes on hover? It's possible with pure #CSS & very little code! CodePen demo https://codepen.io/thebabydino/pen/yLQdMqw

submitted 687 days ago • 1 comment

You can put SQLite in the browser now? Yeah, here's how 👀

submitted 88 days ago • 3 comments

This is the view transition stuff I love to see. Nice and snappy without stuff sliding around. Designers designing with view transitions in mind is gonna make a big difference IMO

submitted 84 days ago • 6 comments

"roll for premium" with CSS, [type=range], and an SVG noise filter 🤙

submitted 85 days ago • 13 comments

CSS @mixin? Yes please 🤩

submitted 94 days ago • 0 comments

😅 I was today years old when I discovered that you can press "➡︎" in VS Code's "Quick open" command to open multiple files from the same dialog.

submitted 94 days ago • 6 comments

A massive guide on styling counters... going from the most basic ways to style lists directly in HTML to advanced CSS techniques that are capable of making things that aren't lists look like lists. Big ol' props to @monknow.bsky.social for pulling it all together! css-tricks.com/styling-coun...

submitted 103 days ago • 0 comments

submitted 110 days ago • 0 comments

Create a fun quick text flip effect - @kevinpowell.co #css www.youtube.com/watch?v=9skK...

submitted 108 days ago • 0 comments

its amazing how chatgpt knows everything about subjects I know nothing about, but is wrong like 40% of the time in things im an expert on. not going to think about this any further

submitted 113 days ago • 90 comments

This is also why technical interviews shouldn’t be judged by whether you solve the problem or not, since that depends on whether you had experience with this particular type of problem before or not. The problem-solving approach is way more important than the result!

submitted 109 days ago • 2 comments

A great example of how reference boxes can be used as positioning shortcuts in CSS when placing one element around another. css-tricks.com/positioning-...

submitted 155 days ago • 0 comments

🛠️ CSS Grid Areas Interactive Guide This guide is a must-read if you’ve ever found CSS Grid a bit tricky! It dives deep into grid-area, named grid lines, and how they work together, breaking them down in a clear, interactive, and practical way. 🔗 ishadeed.com/article/css-...

submitted 130 days ago • 4 comments

↖️ Pointer Tracking without Overflow! Prevent a pointer-tracking box from flowing off the page using clever CSS transforms with min()/max(). Bonus: Springy snap back to the middle when the pointer leaves the page. codepen.io/shshaw/pen/w...

submitted 115 days ago • 2 comments

They say a picture is worth a thousand words! So here are about four pictures’ worth of words about `cache-control`: csswizardry.com/2019/03/cach...

submitted 114 days ago • 0 comments