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

Component Party: compare and contrast syntaxes for different frontend frameworks. https://component-party.dev

3 replies

10 recasts

72 reactions

Darryl Yeo 🛠️

@darrylyeo

Increasingly convinced `data-*` attributes (and nested `~=` rules for variants) are the best way to define style primitives in CSS.

5 replies

0 recast

17 reactions

Darryl Yeo 🛠️

@darrylyeo

Motion – The Web Animation Performance Tier List http://motion.dev/blog/web-animation-performance-tier-list

0 reply

0 recast

7 reactions

Mikko

@moo

apps dot apple dot com runs on Svelte. The front end source code leaked: https://github.com/rxliuli/apps.apple.com Grab your copy before the lawyers wake up.

0 reply

0 recast

2 reactions

Darryl Yeo 🛠️

@darrylyeo

Apparently Apple briefly shipped source maps to production which leaked the source code for the App Store website! It's written in Svelte 4, scoped `<style>` tags for CSS, and some SCSS sprinkled in from internal design system packages. They even have some workarounds for Safari-specific bugs 😆 https://github.com/rxliuli/apps.apple.com https://www.reddit.com/r/webdev/comments/1onnzlj/app_store_web_has_exposed_all_its_source_code/

5 replies

6 recasts

85 reactions

Darryl Yeo 🛠️

@darrylyeo

/svelte spotted on the new apps.apple.com website 👀

0 reply

0 recast

6 reactions

Darryl Yeo 🛠️

@darrylyeo

Syntax: A first look at Remix 3 https://youtube.com/watch?v=_STrAAi8Ujg

0 reply

0 recast

12 reactions

‍‍

@git

Svelte https://apps.apple.com/us/iphone/today

0 reply

0 recast

2 reactions

pugson (Farcaster Professional)

@pugson

some really good updates but i won't roll this out to any production app just yet https://www.trevorlasn.com/blog/whats-new-in-nextjs-16

2 replies

1 recast

22 reactions

matt

@matthewmorek

toying with some hover effects. started with motion.dev, but it's overkill for this sort of stuff; CSS will do the trick just fine

0 reply

0 recast

5 reactions

Darryl Yeo 🛠️

@darrylyeo

img.warplet { &#july { filter: grayscale() blur(1rem); } }

0 reply

0 recast

4 reactions

Mikko

@moo

There is more where I come from

1 reply

1 recast

2 reactions

matt

@matthewmorek

Feels refreshing to be creating easter eggs such as this one on my website... Can you find it?

1 reply

0 recast

7 reactions

John Passafiume

@passafiume.eth

It's a great day to create micro interactions only .9% of our most thoughtful users will notice, but everyone will feel.

1 reply

0 recast

17 reactions

Peter Ferguson

@peterferguson.eth

Who is building expo for iOS devs https://www.swift.org/blog/nightly-swift-sdk-for-android/

0 reply

0 recast

6 reactions