Google DeepMind has unveiled Genie 4: from video generation to interactive worlds
On October 27, 2026, Google DeepMind announced Genie 4—a new world model capable of creating interactive worlds and modifying them in real time.
Frontend in focus
Exploring the modern web: graphics, architecture, browser APIs and AI interfaces.
Safari 27: 3D goes beyond the canvas
The main change here isn’t even about a specific API. The very approach to 3D content in the browser is gradually shifting: for certain use cases, developers no longer need to start with canvas, Three.js, and a custom render loop.
SSR, SSG, ISR, and Hybrid Rendering: Modern Frontend Architecture
Just a few years ago, choosing a rendering approach for a web application often boiled down to a simple question: did we need an SPA or SSR? Modern frontend development is no longer about a single rendering mode for the entire project; instead, it involves an architectural mix of strategies—where some pages need to be static, others updated on a schedule, some rendered on every request, and others combining static content with dynamic, user-specific blocks.
Web 2025: The point of formation of a new web architecture
For web development, 2025 was not just another stage of evolution, but a moment of formation of a new structure.
CSS Subgrid: The Flexibility of Grids You’ve Always Dreamed of
CSS grids had already transformed layout, but they had one painful drawback:
nested elements couldn’t inherit their parent’s grid.
Ultra-Responsive Animations: Animations under control
The problem with most animations on the web is that they are created for a specific layout.
Web Components: Creating Custom HTML Elements.
The modern web has long since moved beyond the standard div and button elements. Today, developers are increasingly creating custom HTML elements that behave like native ones – with encapsulation, reusability, and a clean API.
JavaScript in Action: Useful Functions [Objects]
An object in JavaScript is a collection of key:value pairs, where the keys are strings (or symbols) and the values can be anything: numbers, strings, arrays, functions, other objects.
Web Workers API: How to Unload and Speed Up the Web
Web applications are becoming increasingly “heavy”: complex animations, processing large amounts of data, working with images and video.
CSS image-set(): Responsive images for any screen
image-set() is the “CSS equivalent” of srcset for background images and any properties where an image needs to be shown.
Physics Animations on the Web: Inertia, Friction, and More
The world of web animations has long gone beyond simple fade-ins and slide-outs. Today, we increasingly strive for natural, realistic interactions inspired by the laws of physics.
Declarative Shadow DOM: Styles and Components Without JS
With the introduction of Declarative Shadow DOM, web development has taken another step forward in simplicity and flexibility. You can now use Shadow DOM and style components directly in HTML without resorting to JavaScript.