Designer who codes, developer who designs 🦄 Crafting the web at @Dynatrace. Curating https://xitter.cf/t.co/dDTTWRfGrs. Judging on @awwwards. AI-first, taste-driven✨
Linz, Austria
Joined April 2008
- Tweets51.5K
- Following1.5K
- Followers2.3K
- Likes6.3K
davidhellmann retweeted
In case you were waiting for a stable version of Datastar to drop, it did.
Datastar is now at 1.0, including the #CraftCMS plugin (and the #Laravel package) 🚀
putyourlightson.com/plugins/…
davidhellmann retweeted
Having a blast making some final demos for my upcoming #CraftCMS talk at Dot All Lisbon 🇵🇹, using Datastar.
davidhellmann retweeted
7/ Best Website Gallery (@davidhellmann)
This is an exciting website that peggs on users voting for the website for its design. It's led by the community.
→ Website: bestwebsite.gallery/
davidhellmann retweeted
✨ Tailwind CSS v4.0 is here!
Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support…
…and tons, tons more.
davidhellmann retweeted
Kicked off 2025 by releasing Datastar v1.0.0-beta.1 🚀
After a grueling couple of months, @DelaneyGillilan and I are delighted to finally tag a stable API that is as close to perfection as we can possibly imagine.
Datastar is reactivity made declarative.
github.com/starfederation/da…
ALT A code sample showing how Datastar makes frontend reactivity declarative.
davidhellmann retweeted
Trying out this automated Tailwind CSS v4 upgrade tool we've been working on! xitter.cf/i/broadcasts/1eaKbaPjl…
davidhellmann retweeted
Tagged v4.0.0-alpha.28 this afternoon which includes this updated palette — try it out and let me know how it’s looking for you!
First draft of our wide-gamut color palette for Tailwind CSS v4, courtesy of @DanHollick's mad science experiments 👨🏻‍🔬
davidhellmann retweeted
First draft of our wide-gamut color palette for Tailwind CSS v4, courtesy of @DanHollick's mad science experiments 👨🏻‍🔬
davidhellmann retweeted
Masked gradient loader with SVG && CSS 🤙
1. Set pathLength on <circle> to 1.05
2. Set stroke-dasharray: 1.05
2. Animate stroke-dashoffset
@​keyframes spin {
0%,5% { stroke-dashoffset: 1.05; }
45%,55% { stroke-dashoffset: 2.1; }
95%,100% { stroke-dashoffset: 3.15; }
}
davidhellmann retweeted
CSS only number slider using @​property, round(), sin() and scroll-driven animation 🤙
@​keyframes progress { to { --val: 100; }}
.number-wheel {
transform: rotateX(calc(var(--val) * -36deg));
}
Watch for the trick reveal 👇
davidhellmann retweeted
I wanted to share the following 10 Tailwind techniques. These will come in handy next week.
For those who don’t use Tailwind, here be dragons!
1/10 - Let’s start simple. Set a CSS variable (width) based on state and use an arbitrary className.
davidhellmann retweeted
Arrow functions are finally going to be allowed “everywhere” in Twig.
Thank you, @fabpot 🎉🎉🎉
github.com/twigphp/Twig/pull…
davidhellmann retweeted
Say hello to the latest game-changer in Supa Palette 4.0 for @Figma! Fully customizable popular color systems you can save as variables or styles. Save hours—just a few clicks and you're all set! ⚡
davidhellmann retweeted
Hello world!
We are on a mission to build a next-generation toolchain for JavaScript that is unified, high-performance, composable, and runtime-agnostic.
We are excited to announce our $4.6m seed funding led by @Accel - read more in the blog post: voidzero.dev/posts/announcin…
davidhellmann retweeted
✨ Working on conic and radial gradient support for Tailwind CSS v4 this afternoon…
davidhellmann retweeted
Neat piece is the responsive morph using CSS min() ✨
[popover] {
transition-property: display, width, height;
transition-behavior: allow-discrete;
width: anchor-size(width);
@​starting-style {
width: min(640px, 100vw - 2rem);
}}
