Rob

Rob

@lloveras.info

Front End Web Dev Love #CSS , #Reactjs

220 followers431 following940 posts

Rob reposted

Chris Coyier
@chriscoyier.net

Easiest new subscription I ever signed up for.

CSS-Tricks*@css-tricks.com

CSS-Tricks has a new owner! Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that. https://css-tricks.com/css-tricks-has-a-new-owner/

css-tricks.comCSS-Tricks has a new owner!Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.

Rob reposted

Josh W. Comeau
@joshwcomeau.com

✍️ Just published a new post about my most-anticipated CSS proposals from Interop 2027! If you’re not familiar, the Interop project is a collaboration between browsers to pick shared focus areas. There’s *so much* good stuff this year, it was hard to pick just 10!

joshwcomeau.comThe Future of CSS ✨ • Josh W. ComeauEvery year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this ...

Rob reposted

Zach Leatherman
@zachleat.com

🚨 Web Component Klaxon 🚨

Brian Talbot@talbs.me

My first open source release: Tiny Tells! Six small status characters in one <tiny-tell> tag. They're animated like little cartoon characters, so a state change is a reaction, not an icon swap or a spinner. MIT licensed, 14 KB, no dependencies. tinytells.dev

Rob reposted

CSS by T. Afif
@css-only.dev

More range sliders with fancy shapes? Let's go! This time with a tooltip showing the value. curve, wave, zig-zag, arc ... Which one do you prefer? css-tip.com/shaped-range... 0% JavaScript and 100% CSS magic (border-shape, shape(), scroll-driven animations, and more!)

CSS by T. Afif@css-only.dev

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ css-tip.com/wiggly-range... Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

Rob reposted

Master.dev (Formerly Frontend Masters)
@frontendmasters.com

Structured Output with TanStack AI Part 2 of this intro to TanStack AI covers structured output: constraining the model's response to a Zod schema, then streaming that JSON in and rendering it while it's still incomplete.

blog.master.devStructured Output with TanStack AIPart 2 of this intro to TanStack AI covers structured output: constraining the model's response to a Zod schema, then streaming that JSON in and rendering it while it's still incomplete.

Rob reposted

Kevin Powell
@kevinpowell.co

With `alpha()` we now have three ways to lower the opacity of a color in CSS. The nice thing with alpha (besides being super easy and probably easier to read) is that it keeps the colour space the same. I took a look at it here if you want more info on it: youtu.be/Pfj9OmvqU0Q

Rob reposted

CSS by T. Afif
@css-only.dev

To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions! css-tip.com/wiggly-range... Now, the range slider is perfect, no one can say otherwise!

CSS by T. Afif@css-only.dev

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ css-tip.com/wiggly-range... Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

Rob reposted

CSS by T. Afif
@css-only.dev

Replying to @utilitybend.com

It's already the case so get ready for even more craziness 😆 bsky.app/profile/css-...

CSS by T. Afif@css-only.dev

To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions! css-tip.com/wiggly-range... Now, the range slider is perfect, no one can say otherwise!

Rob reposted

zelDemon
@zeldman.bsky.social

Most of my web designer friends loved 2Advanced at the time, but—while readily admitting to the unquestionable skill of its creators—I found the site fussy, slow, and hard to read. Mine was, of course, a minority opinion. (As usual.) Anyway, thanks, @webdesignmuseum.org, for the memories.

WebDesignMuseum@webdesignmuseum.org

2Advanced Studios v4 website in 2003

Rob reposted

Kevin Powell
@kevinpowell.co

When you're putting together a thumbnail, and it looks like you made up a generic user and comment, but that's their actual username and comment...

Rob reposted

Stefan Judis
@stefanjudis.com

Weekly Baseline update: 1. The `alpha()` CSS function became Baseline newly available. 2. `Object.groupBy()` is now widely available.

Rob reposted

Tanner Linsley
@tannerlinsley.com

The wait is over! If you were looking for permission to use TanStack Start, this is it. The only directive you need now is the one you give your agent: "Use TanStack"

TANSTACK@tanstack.com

TanStack Start 1.0 is officially stable! 🎉 A full-stack web framework for React and Solid, already used to build millions of apps, from Fortune 500 companies to your favorite tools and weekend projects. tanstack.com/blog/tanstac...