Did you see the Liquid Glass design yet? Luckily, over the last two weeks, there were plenty of other things to dive into, such as Rolldown-Vite, Temporal API, and Lumon updates (which is my favourite!), and you can now get PHP in Node. Additionally, there are good posts on the HTML/CSS side about keyboard accessibility and printing the web. Additionally, the post about erasers is a pretty good one, although it's not really Frontend-related.
Rolldown is a Rust-based next-generation bundler. Rolldown will become the default bundler for Vite in the future. It significantly reduces build time and, in some cases, memory usage. Examples are in the link below.
https://voidzero.dev/posts/announcing-rolldown-vite
https://waspdev.com/articles/2025-05-24/temporal-api
Post below proves the need for the Temporal API
1 | |
2 | |
3 | |
4 | |
https://brandondong.github.io/blog/javascript_dates/
1 | |
https://socket.dev/blog/tc39-advances-9-proposals
A post by Dan Abramov doesn't need a special advert. Solid deep dive on how Frontend and Backend refer modules and pass data between each other.
https://overreacted.io/how-imports-work-in-rsc/
Svelte Flow is a Svelte library for building node-based applications.
https://xyflow.com/blog/svelte-flow-release
https://bits-ui.com/docs/introduction
Lightweight CAPTCHA alternative
If you watched Severance and liked it, then this talk about Svelte animations will be a pleasant surprise, even if you're not fond of Svelte.
https://www.youtube.com/watch?v=3yuQQ0JeRgQ&list=PL8bMgX1kyZThKy_B41FQHk_xsHMQouV1Z&index=1
If you know that the line below does, then you can skip the post
1 | |
https://allthingssmitty.com/2025/06/02/write-more-reliable-javascript-with-optional-chaining/
Looks like you can run Next.js with headless WordPress, bringing two worlds together. Crazy!
https://blog.platformatic.dev/seamlessly-blend-php-with-nodejs
Works offline, is private, and is open source, making it quite useful for quick image adjustments.
https://mini2-photo-editor.netlify.app/
https://mgearon.com/css/user-preference-media-features/
The main thought: Use Native HTML whenever possible, as it covers most keyboard accessibility features out of the box.
https://tetralogical.com/blog/2025/05/09/foundations-keyboard-accessibility/
A good summary of how to create a printable web. In short, despite your website being fluid and responsive, it may not be ideal when printed, and this post explains how to achieve that.
https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/
https://www.joshwcomeau.com/animation/partial-keyframes/
There is only one issue, once you start using OKLCH, you won't go back to hex or RGB
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
https://frontendmasters.com/blog/css-spotlight-effect/
https://www.smashingmagazine.com/2025/06/designing-for-neurodiversity/
Apple introduced a liquid glass design, which received very mixed reviews. However, from a technical point of view, it is not a simple glass filter, and someone recreated it in a CodePen. Readability is obviously zero, but it looks great.
https://codepen.io/cjgammon/pen/xbGYdbQ
This example uses pure CSS and creates excellent visual effect
https://codepen.io/lucasromerodb/pen/vEOWpYM
Interesting perspective on GenAI through the prism of Polyester.
https://culture.ghost.io/genai-is-our-polyester/
https://agenticweb.nearestnabors.com/p/ai-future-web
This is an enjoyable post about mistakes and construction lines or something similar.
https://theoatmeal.com/comics/creativity_erasers
Not sure why, but it felt appropriate for the Friday post in Frontend.