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!

Main

MDN Web Docs →

Frontend

Component Party: compare and contrast syntaxes for different frontend frameworks.

Component Party: compare and contrast syntaxes for different frontend frameworks.

https://component-party.dev

wrote some css today for the first time in a while.

Does one keep the AI refactor if it makes the code less readable but more efficient? End user would not notice the performance difference.

fyi -

if you're building a swift ios app with videos and using the amplitude unified sdk (or any amplitude package that allows for session replay), there is a KVO observer leak in ios 26 on video containers that causes the app to crash when a second instance of the video is created

only fix currently is to disable session replay from the amplitude dashboard

Ethereum

Searching Etherscan labels for full addresses would be a useful tool to verify the contract you're working with is legit and a part of the known addresses for that label. 🔎⛓️

Currently it's not possible to search for a full address because the addresses are truncated.

https://x.com/etherscan/status/1954157691053428990

Blockhead・Web3 Browser/Explorer

@blockhead updates since Devcon:

• updated Apps to include more apps supported by @zapper
• truncated addresses and transaction IDs can now expand to reveal full value upon focus
• migrated all TanStack Query functions to use query keys and lazy-loaded JavaScript modules
• overhauled Tenderly transaction simulation view in Explorer (by simply reusing the existing transaction component)
• improved state management logic for EIP-6963 providers, accounts and wallet connections (for both Svelte 4 and Svelte 5 in parallel)
• most state management and context are now migrated from Svelte 4 stores to Svelte 5 state on a separate branch; next up, preferences

❌ replacing text with the character "…" directly in the HTML to save space

✅ setting its `font-size` to 0 unless hovered over with the mouse or focused by the keyboard, keeping it searchable via Ctrl+F at all times

❌ replacing text with the character "…" directly in the HTML to save space

✅ setting its `font-size` to 0 unless hovered over with the mouse or focused by the keyboard, keeping it searchable via Ctrl+F at all times

https://farcaster.xyz/adamhurwitz.eth/0x76b855c0

https://farcaster.xyz/darrylyeo/0x67de4785

I need be able to overwrite CSS variables in media queries. Can devs do something?

this week I built shape cutouts for images with the ability to move the image within the shape and it’s one of the gnarlier things ive done in react

teetered on the edge of insanity trying to sync the transforms for the clipping mask, images, and spotlight effect and apply everything in the right order. thought I had it at one point but had to restructure everything because of a react issue with nesting multiple scale transforms at certain sizes

this kind of visual interaction work is interesting bc with general features you can get away with 80% polish but in this case if even one thing is off by a bit its really obvious. the extra 20% is what sells it and the moment everything is in sync it suddenly feels like a single unit and hard to imagine it moving any other way.  Incredibly satisfying

one of those PRs you just shrug and stamp hoping the math was double checked

About Instagram Maps. Interesting take for close friends or community groups. Not convinced about safety. Rolling out today.

Good. Now everywhere else please.

https://x.com/OpenWebAdvocacy/status/1952992539268805092?t=bBpvzp41qEbry67q_SOJtw&s=19

ensdata.net ✦ 𝙽𝙾𝚆: design engineer @family ✦ 𝙿𝚁𝙴𝚅: @rainbow 🌈 ✦ 𝙱𝚄𝙸𝙻𝙳𝙸𝙽𝙶: @vision

Got upgraded on my flight to NYC this morning and everyone in 1st class had their laptops out, writing CSS.

I looked back into the rest of the plane - everyone was using Tailwind.

Was just a very interesting observation.

For a frame-rich memex with all types of experimental art files, long blogposts, and a rather well-made wiki, what is better?

Astro? Svelte? 

I've been modifying the former as hell but I have just started to come across problems where automated works and custom tabular views give Fs.

i am learning the pain of testing on web and mobile, both iphone and android and then dark mode on each 😅

Frontend QA in a nutshell. Not to mention all the different desktop browsers and OSes.

Aaaaaand we got one more ai app builder....

Aaaaaand we got one more ai app builder....
https://opal.withgoogle.com/landing/