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

“What Every React Developer Should Know About Signals” – Ryan Carniato (creator of Solid.js) https://youtu.be/VgGl9i-OBBI

2 replies

1 recast

33 reactions

ivyroot

@ivyroot

for me, the trenches is writing code. AI hasn't resulted in spending less time in the trenches it's just made it more productive. In fact, it has the opposite effect because it makes coding more addictive.

0 reply

0 recast

1 reaction

Nate

@natedev.eth

what would you use on the right side of this image? to build something like figma?

4 replies

1 recast

4 reactions

Darryl Yeo 🛠️

@darrylyeo

All the CSS resources you need in one page of links. https://css-tricks.com/how-to-keep-up-with-new-css-features/

1 reply

0 recast

4 reactions

🄷🄴🄽🅁🅈🍵

@hz

NYTimes built with /svelte 👀

2 replies

0 recast

5 reactions

Mikko

@moo

React is losing out to more modern frameworks https://thenewstack.io/why-react-is-no-longer-the-undisputed-champion-of-javascript/

3 replies

2 recasts

3 reactions

Robotandkid

@robotandkid

Serious question: what's the big deal w/ effects?

1 reply

0 recast

2 reactions

Darryl Yeo 🛠️

@darrylyeo

Practical examples of the CSS `if()` function used with `style()` queries, `@container` queries, CSS variables and the new `attr()` function. (You won’t be needing Tailwind pretty soon... if only Firefox and Safari would just ship these things faster!) https://youtu.be/mvgY3GvcSCo https://youtu.be/fTdqR9ZmHHU

1 reply

1 recast

1 reaction

Darryl Yeo 🛠️

@darrylyeo

The CSS `attr()` function will soon be upgraded to read values directly from HTML attributes using the CSSOM type system. Class names, inline `style` attributes, inherited CSS variables and discrete `data-*` attribute values will no longer be your only entry points for specifying CSS style variants in your HTML templates. https://youtu.be/WcNWf6edIcc https://developer.chrome.com/blog/advanced-attr https://caniuse.com/css3-attr https://developer.mozilla.org/en-US/docs/Web/CSS/attr

2 replies

0 recast

0 reaction

Mikko

@moo

Glass3D CSS generator https://glass3d.dev/ CC @darrylyeo

1 reply

0 recast

2 reactions

Darryl Yeo 🛠️

@darrylyeo

The WAI-ARIA accessibility tree is underrated, and it’s why web browser engines are still the best form factor for any serious multi-modal software application IMO. Also why it’s absolutely crucial to rely on semantic HTML elements and built-in browser behaviors, instead of replicating everything with `<div>`s and JavaScript and smoke and mirrors (which many site-builders and vibe-coding tools are prone to perpetuate). https://web.dev/articles/the-accessibility-tree https://developer.chrome.com/blog/full-accessibility-tree/ https://developer.mozilla.org/en-US/docs/Glossary/Accessibility_tree

3 replies

1 recast

6 reactions

LΞovido

@leovido.eth

What do you love so much about /frontend development? For me it’s the designs and animations

2 replies

0 recast

4 reactions

Darryl Yeo 🛠️

@darrylyeo

If you're curious about /svelte and would like an invite to the channel, reach out!

2 replies

0 recast

5 reactions

Darryl Yeo 🛠️

@darrylyeo

Nothing annoys me more than submitting a form, hitting the submit button, seeing absolutely nothing happen, then refreshing the page to see a Cloudflare captcha. Then after that, having to fill the form out again 🤡

5 replies

0 recast

15 reactions

Darryl Yeo 🛠️

@darrylyeo

SvelteKit Remote Functions: what if we took all the best parts of tRPC, TanStack Query, React Server Functions and old Remix and offered them as composable primitives built into the meta-framework? And make them just work™ with all the super lean signal-based fine-grained reactivity goodies everyone already enjoys?

2 replies

0 recast

2 reactions