Front End World

Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.jsA playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to launch yourself across Paris toward the Three.js conference.https://tympanus.net...

CSS is Still AwesomeEvery so often it just hits me how amazing CSS continues to be.https://jasonsantamaria.com/blog/css-is-still-awesome

Vitest 5.0 is out! ​Vitest 5.0 Release Announcementhttps://vitest.dev/blog/vitest-5.html

React Now Rusted All The Way Outhttps://blog.master.dev/react-now-rusted-all-the-way-out/

On animating what you can’t seeWhen an animation bug survives every timing tweak, record it frame by frame and check which layer actually owns the view.https://karlkoch.me/writing/on-animating-what-you-cant-see/

Fixing Top-Level Await in Safarihttps://webkit.org/blog/18227/fixing-top-level-await-in-safari/

Testing Google’s “modern-web-guidance” skill against a real React appA test of the modern-web-guidance skill against a real React app, to see whether it actually catches stale frontend patterns and surfaces current best practices.https://alfy.blog/2026/07/25/modern-web-guidance.html

CSS Centering: Grid vs. Flexbox vs. Anchor PositioningLearn how to choose between CSS Grid, Flexbox, and Anchor Positioning to build responsive, accessible layouts that stay centered when content and viewport sizes change.https://www.syncfusion.com/blogs/post/css-centering-position-guide?via=dailyde...

Introducing <hic-pageflip>: A Pageflip/Flipbook Custom Element powered by HTML-in-CanvasWay back in 2005, I used a Flash PageFlip component to display a book on a website. Ever since, recreating a modern version has been on my backlog to investigate. With the arrival of the experimental HTML-in-Canv...

Feature Detecting “Undetectable” CSS Features with @supports named-feature()In CSS you can feature detect support for things like selectors, properties + values, and at-rules using @supports. But how do you feature detect a change to an underlying implementation, or two existing properties suddenly ...

Creating Web Widgets Using the Document Picture-in-Picture APIThe general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it.https://css-tricks.com/creating-web-widgets-using-the-document-picture-in-picture-api/

Your React app doesn’t need all that JavaScriptReduce React complexity using native browser features: :has() for dark mode, for accordions, the Popover API, scroll-snap carousels, and CSS animations.https://blog.logrocket.com/your-react-app-doesnt-need-javascript/