Frontend

/frontend130929

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!

πŸŽ‰ Just became the proud owner of the amazing NFT "MOnad" on Monad Testnet.

Explore the incredible collection here:
https://monad-5cu9p6.testnet.nfts2.me/

πŸ”₯ Discover more on /nfts2me
Tell me what you think about it! πŸ˜„ via @nfts2me
The buttercup’s golden petals shimmered in the morning light, nestled among the rocks like a tiny sun kissing the earth....
How to render dynamic HTML with vanilla JavaScript:

β€’ create `<template>` element
β€’ clone with `document.importNode()`
β€’ select children with `.querySelector()`
β€’ write to `.textContent` or attributes

It’s not as hard as you might think!
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/7904e74b-68e7-4950-6776-34dc09834800/original
Loading...
Test the experience, not the implementation. E2E tests should reflect the product, not the code.

That’s why Playwright MCP is a game-changer.

No more flaky selectors or fragile visualsβ€” Playwright MCP lets LLMs understand the browser through structured data. Skip the screenshots and vision modelsβ€”just clean, reliable automation that works every time.

We used it on onchainsite.xyzβ€”felt like giving our AI superpowers.

If you’re building customer-focused web products, Playwright MCP is your cheat code.

https://github.com/microsoft/playwright-mcp
ζƒ³θ¦ι‡ζ–°ε­¦δΉ δΈ€ιοΌŒεΊ”θ―₯ζ€ŽδΉˆεšοΌŒιœ€θ¦δΊΊζŒ‡η‚ΉδΈ€δΈ‹γ€‚
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/92835958-8d3f-4d9c-baab-a44c8c424100/original
In just three days last week, investors poured $1.4 billion into Bitcoin Spot ETFs, erasing not only days of negative cash flow but also negative sentiment.
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/7756bea8-63e8-4f7e-80b2-424c90207000/original
πŸš€ Big milestone alert:

500,000 downloads of the N|Solid Open Source Runtime! πŸŽ‰

Thank you to our amazing community for helping us reach this point β€” let’s keep pushing Node.js performance to the next level! πŸ’š
#NodeJS #OpenSource #NSolid #JavaScript #Performance
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/482a0b5a-2248-482c-63e3-734c27091200/original
Where we're going we don't need landing pages, an LLM-readable text interface will be enough.

https://x.com/thekitze/status/1915830665980895722?t=Lxu7aXvPYz80spkzYZb8_A&s=19
Bitcoin on the Rise as China Tariff Exemptions Give Stocks Relief
Bitcoin hit a two-month peak Friday as investors mulled Donald Trump's purported progress on trade negotiations with China.
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/757d86ab-2a8e-47ba-d632-d30b2aef5e00/original
Conversation
in
Channel image
degen
Cast
Target 🎩🐹 avatar
mehdiii
4h

Analyzing the Impact of Degen on Emerging Trends in the Digital Economy

Degen is playing a growing role in shaping emerging trends within the digital economy. As a tipping platform built for Web3 environments, it enables instant, micro-level value transfers across social platforms, enhancing peer-to-peer engagement. By integrating with decentralized communities and leveraging crypto assets, Degen encourages creator monetization, community rewards, and viral participation models. It aligns with broader trends like decentralization, token-based economies, and user-owned platforms. The ease of tipping reduces friction in value exchange and fosters a culture of instant support and recognition. Degen exemplifies how small financial gestures can drive attention economies, support grassroots innovation, and redefine digital interaction. Its influence reflects the shift toward more fluid, participatory, and decentralized financial ecosyste
made a website for @chmielwork today
Loading...
/Frontend
πŸš€ Node.js v20.19.1 is here! 🀩

Highlights include:
- Updated Undici to v6.21.2
- c-ares bumped to v1.34.5
- Restored DNS query cache TTL
- Minor doc, test, and tooling improvements

Check out the full details! #NodeJS #JavaScript #WebDevelopment
Meooooow! Happy 15,000 hodlers, all @farcaster active users are eligible to claim 10,000 $CAT and let's follow @casteragents.🐾🐈
I made a little web demo that bends your idea of what β€œoffline” really means.

Chrome + SXG + a few tricks = surprising results.

Try it yourself:
πŸ”— https://planujemywesele.pl/sxg-tests/offline-abuse
Red flowers are a symbol of deep affection."

My heart is always full of red roses."
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/ca07a0f7-ab41-4137-fbed-28c854866b00/original
still better than regular css
https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/d73bc97b-ddd3-453a-0f87-db1ed8566600/original