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!
@darrylyeo
Chrome for Developers: CSS Wrapped 2025
https://chrome.dev/css-wrapped-2025
2 replies
4 recasts
30 reactions
@darrylyeo
Ladybird’s new User-Agent string.
Turns out browser devs are still living with the consequences of the Browser Wars and they have to do funny things like this to get websites to send them modern webpages.
2 replies
0 recast
20 reactions
@matthewmorek
made this little guide for those of you struggling to set up tailwind v4 styles for uploadthing react components in next.js
ps. you need a few custom directives in css to get it going
https://matthewmorek.com/journal/styling-uploadthing-with-tailwind-css-v4-in-next-js
1 reply
0 recast
2 reactions
@matthewmorek
spent an entire day debugging why my tailwind v4 styles weren’t working in a pnpm monorepo. no errors, no warnings, just vibes from 1997. two config options fixed it.
saved you a day: https://matthewmorek.com/journal/fixing-tailwindcss-v4-in-a-monorepo-with-next-js
0 reply
0 recast
2 reactions
@typeof.eth
. ☀️
✨😎
👉👕👉 @darrylyeo
🌵👖🌵 🌵 🌵 🌵
1 reply
1 recast
9 reactions
@pugson
if you want to be great at frontend, you should think of everything as composable layers like in Photoshop.
positioning, stacking, scaling things correctly is like 80% of the job.
5 replies
7 recasts
53 reactions
@typeof.eth
Docusaurus runs a "CSS optimizer" on build which literally moves your rules around. This is so unsafe, it's like they forgot what the C stands for
0 reply
0 recast
1 reaction
@v1rtl.eth
Personal website slight design refresh
check at: https://v1rtl.eth.limo
1 reply
0 recast
7 reactions
@matthewmorek
we used to do this with nunjucks templates ten years ago. now nextjs parallel routes let us do the same thing in react, and honestly? love it
https://matthewmorek.com/journal/building-a-context-aware-admin-toolbar-with-next-js-parallel-routes
0 reply
0 recast
0 reaction
@darrylyeo
“Solid is React-flavored Svelte that’s a little bit lower-level.”
Great comparison from Ben Davis (Theo Browne’s channel manager).
https://youtu.be/YXvgMM79DrU
2 replies
0 recast
3 reactions
@matthewmorek
finally wrote up the Next.js date hydration fix I keep reimplementing on every project
check it out if you're experiencing hydration issues and need proper solutions, not just bandaids
https://matthewmorek.com/journal/why-your-next-js-dates-break-on-hydration
0 reply
0 recast
1 reaction
@darrylyeo
json-render: conditionally-rendered UI components from structured JSON objects.
Conceptually this is not that new – a lot of frontend engineering is strategically modeling, mapping and merging data you want to display into a self-consistent shape that interactive UI components expect. But I expect we’ll see more tools and frameworks like this that will help formalize this process as a more succinct and structured“grammar”, especially now that we’re delegating lots of data analysis tasks to non-deterministic LLMs.
Overall, a healthy trend that should eliminate lots of boilerplate code and entire classes of bugs (on top of what TypeScript and Standard Schema already do in JavaScript-land), even if your inputs aren’t coming directly from an AI.
https://x.com/ctatedev/status/2011589295862395238
2 replies
1 recast
6 reactions
@darrylyeo
Related to the “shadcn herding effect” – the “React herding effect”, the “Tailwind herding effect”, and the “AI purple gradient problem”
https://youtu.be/AG_791Y-vs4
3 replies
0 recast
5 reactions
@matthewmorek
🚧 working on a new interaction pattern for event attendance. still neds work, but we're getting there
0 reply
0 recast
3 reactions
@matthewmorek
here’s the thing nobody wants to admit: LLMs can’t tell you if an interaction feels good
https://matthewmorek.com/journal/llms-can-t-tell-you-if-your-ui-feels-good
https://x.com/mattpocockuk/status/2010728707997278296?s=20
0 reply
1 recast
1 reaction