Frontend

Discussions about frontend development, HTML, CSS, JavaScript, browser APIs, web standards, component frameworks, rendering libraries, UI/UX patterns, and tools and technologies used to build websites and web apps!

Darryl Yeo 🛠️

@darrylyeo

A brief history of JavaScript frameworks, ranked by client-side rendering performance 🧵 https://youtu.be/E5amN0_1XyE

2 replies

5 recasts

47 reactions

Darryl Yeo 🛠️

@darrylyeo

SVG lighting effects are criminally underexplored. https://x.com/jh3yy/status/1891223188010360852

1 reply

0 recast

7 reactions

‍‍

@git

more incredible sites https://utsubo.com (uses lots of ram but holy shit) https://y-n10.com (Yamauchi family office, founders of Nintendo) https://igloo.inc

3 replies

8 recasts

33 reactions

Darryl Yeo 🛠️

@darrylyeo

Tailwind 4 embracing vanilla CSS variables and dropping its JavaScript-based config for a superset of CSS syntax is a much welcome change. Best of luck to everyone migrating from Tailwind 3. https://tailwindcss.com/blog/tailwindcss-v4#simplified-installation

4 replies

2 recasts

22 reactions

Darryl Yeo 🛠️

@darrylyeo

Next.js → Astro migration successful! 🚀 https://github.com/fluidkey/walletbeat/pull/104 https://warpcast.com/polymutex.eth/0xdea98ef2

3 replies

1 recast

26 reactions

Darryl Yeo 🛠️

@darrylyeo

Tailwind, TypeScript, using no build tools, using Docker in dev workflow. Overrated or underrated? 🌶️ https://youtu.be/6p-7-rKrcpw

0 reply

1 recast

2 reactions

Darryl Yeo 🛠️

@darrylyeo

Weird edge cases with whitespace characters in HTML/CSS, and how introducing a new “non-collapsible space” entity could solve them. https://blog.dwac.dev/posts/html-whitespace/ https://github.com/w3c/csswg-drafts/issues/10821

1 reply

0 recast

1 reaction

Darryl Yeo 🛠️

@darrylyeo

https://warpcast.com/rauchg/0xc7d73dc1

0 reply

0 recast

0 reaction

Darryl Yeo 🛠️

@darrylyeo

Using Chrome DevTools to change a label on the Google Maps frontend. Master class in reverse-engineering client-side JavaScript. https://youtu.be/F5m2JxplnXk

0 reply

0 recast

3 reactions

Darryl Yeo 🛠️

@darrylyeo

In hindsight it was inevitable. Type-safe functional programming is coming to CSS. This means cascading property definitions will no longer just be bound by plain rules, cascade `@layer`s and `@media` queries, but any arbitrary composable hierarchical structure you wish. https://www.bram.us/2025/02/09/css-custom-functions-teaser/

3 replies

1 recast

5 reactions

Papajams

@papa

I scouted Darryl Yeo 🛠️ on @scoutgamexyz King of the frontend, hype man extraordinaire, lover of all things weird and wonderful, rise gladiator - welcome to the battalion

1 reply

1 recast

1 reaction

Darryl Yeo 🛠️

@darrylyeo

And for the component copy-pastooors, there’s shadcn-svelte. https://www.shadcn-svelte.com/

0 reply

1 recast

1 reaction

Darryl Yeo 🛠️

@darrylyeo

Bits UI 1.0 for Svelte 5 is out! (Headless unstyled component system much like Radix UI for React.) https://bits-ui.com/

2 replies

1 recast

4 reactions

Darryl Yeo 🛠️

@darrylyeo

Best of luck to anyone still maintaining a create-react-app in 2025 😅 https://react.dev/blog/2025/02/14/sunsetting-create-react-app

5 replies

2 recasts

13 reactions

divya

@divyav.eth

is it just me or is tailwind css ridiculously complex? why are there so many classes?

1 reply

1 recast

4 reactions