Front End World
26K subscribers
4.84K photos
1 video
5.94K links
New articles about Front End development.
JS, CSS, React, Vue, Angular and others!

Russian tech blog: @five_a_m

Admin: @jem_jem
Download Telegram
CSS Centering: Grid vs. Flexbox vs. Anchor Positioning

Learn 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=dailydev
Testing Google’s “modern-web-guidance” skill against a real React app

A 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
2
On animating what you can’t see

When 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/
Vitest 5.0 is out! ​

Vitest 5.0 Release Announcement

https://vitest.dev/blog/vitest-5.html
CSS is Still Awesome

Every so often it just hits me how amazing CSS continues to be.

https://jasonsantamaria.com/blog/css-is-still-awesome
Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js

A 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/codrops/2026/09/01/bend-aim-fling-turning-the-eiffel-tower-into-a-catapult-with-three-js/
I tested 5 AI tools for refactoring CSS: Here’s what I learned

Tested ChatGPT, Claude, Copilot, Cursor, and Gemini across 7 tricky CSS traps. Discover which AI assistant refactors stylesheets without breaking UI.

https://blog.logrocket.com/ai-tool-refactor-css/
From Rays to Meshes: Building Vercel’s Prism with vgpu

A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.

https://tympanus.net/codrops/2026/09/03/from-rays-to-meshes-building-vercels-prism-with-vgpu/
What happens when Bun runs a TypeScript file

Follow bun run app.ts through CLI dispatch, module resolution, TypeScript transpilation, JavaScriptCore, Node compatibility, and the event loop.

https://flaviocopes.com/what-happens-when-bun-runs-typescript/
Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.

https://tympanus.net/codrops/2026/09/06/building-a-real-time-3d-face-mask-with-mediapipe-threlte-and-three-js/
thank u, next: Replacing Next.js with a vibe-coded “framework”

Replacing Next.js with a vibe-coded "framework"

https://maxleiter.com/blog/thank-u-next
Let’s Use the Emergent CSS random() Function in all the Browsers

The journey to create a polyfill for the upcoming CSS random() function that works in all browsers.

https://css-tricks.com/css-random-function-polyfill/
Turning Names Into Digital Architecture with Three.js

For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.

https://tympanus.net/codrops/2026/09/09/turning-names-into-digital-architecture-with-three-js/
👍1
React 19.3

The library for web and native user interfaces

https://react.dev/blog/2026/09/09/react-19-3
Animating CSS Grid Layouts with CSS Anchor Positioning

At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play.So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top.

https://www.bram.us/2026/09/07/animating-css-grid-layouts-with-css-anchor-positioning/