Tailwind CSS alternative for custom websites and creative coding. Created by @mr150_
Joined May 2023
- Tweets325
- Following57
- Followers17
- Likes493
mlut retweeted
table of contents marker w/ modern css 🧑🍳
.toc { scroll-target-group: auto; }
a:target-current { anchor-name: --active; }
.toc::after {
position-anchor: --active;
top: anchor(top);
}
fun progressive enhancement, no js 🤙
Day 15 of building cool ideas I love 🚀
Been super occupied, but I had some time to work on this blog post animation using CSS and JS
I am curious @jh3yy if this can be done with only css
mlut retweeted
css trick for the "shine" border 🧑🍳
take a pseudoelement
position + give it an inset box-shadow
mask it off at an angle with a linear-gradient 🤙
bonus: use corner-shape: squircle + rotate on pointer move
i genuinely wanna know how to give such box shadows for corners on web using css. i just cant seem to figure it out
@jh3yy @sorenblank
mlut retweeted
💡 CSS Tip!
A CSS Shape that follows the direction of the text? Yes, it's possible, and it only requires a few lines of code.
css-tip.com/direction-aware-…
The trick works with emoji and images as well.
mlut retweeted
use CSS attribute selectors to define translate + transform-origin for origin-aware surfaces 🧑🍳
<div data-pos="right,bottom">
[data-pos*=right] { --x: 10px; }
[data-pos*=bottom] {--y: 10px; }
dialog { transform-origin: var(--x) var(--y); }
invisible details that feel right 🤙
mlut retweeted
We've got another proposal out for review, and this one's meaty! It proposes adding Sass support for the new plain CSS if() function in place of Sass's old if() function syntax. Let us know what you think! github.com/sass/sass/blob/ma…
mlut retweeted
Please stop mixing source and derived state in your domain objects. I know it's convenient, but it risks drift and subtle bugs.
Instead:
- Keep only source of truth in your model
- Derive everything else when you need it
ALT const user = { id: 42, name: "David K", isSelected: true, isAdmin: false, }; const user = { id: 42, name: "David K", role: "user", }; const isSelected = selected.has(user.id); const isAdmin = user.role === "admin";
mlut retweeted
A new wave of powerful UI features has arrived→ goo.gle/45NJpX1
From the Popover API in Baseline and new scroll-related CSS features to interactive hovercards, the latest updates represent a fundamental shift toward a more powerful and declarative web platform.
ALT What's New in Web UI
mlut retweeted
"Perfect! The error is now resolved. That code was unnecessary."
Few developers are as confidently wrong as an LLM that eagerly removes code to "fix" an error.
Sigh.
mlut retweeted
The wait is over! CSS container queries are now Baseline Widely available. 🤩
Find your Baseline target and know what features your users are ready for. Share your result with #WhatsMyBaseline → goo.gle/whats-my-baseline
ALT What's my Baseline?
mlut retweeted
As OpenAI launches ChatGPT 5, there's a smaller startup — @zencoderai — quietly changing the game for software developers.
They just dropped Multi-Repo Search + Support — and it might be the most underrated breakthrough in AI coding right now. 👇
mlut retweeted
There is a good programming principle stated here: Don’t write functions for code one can write inline as a simple expression using well-known operations. It’s much easier to read code that uses a small number of common primitives than to remember 1000’s of helper functions.
Today, Linus Torvalds told a Google engineer that his code (updating RISC-V support in the Linux kernel) is “garbage” which “makes the world actively a worse place to live”.
Adding that the Google engineer’s code needs to “get bent”.
As you might have guessed, Torvalds has rejected that code submission.
