Page 3 - CSS

CSS

AI generated

CSS Writing Modes: Vertical Layouts, CJK Typography and RTL/LTR

Maxim Mironjuk - February 02, 2026

CSS Writing Modes go far beyond vertical typography. They define the entire coordinate system in which the inline axis and block axis live, and with it, how margins, paddings, widths and flows behave correctly in RTL, LTR and vertical layouts without relying on physical properties.

JavaScript CSS

AI generated

Building Spring-Like Easing Functions: linear() Instead of Spring Libraries

Maxim Mironjuk - January 30, 2026

Real spring physics in animations used to be the domain of JavaScript libraries like Framer Motion or React Spring. The CSS function linear() now allows arbitrarily complex easing curves, including overshoot and bounce, to be defined directly as a list of control points in the stylesheet, with zero runtime JavaScript.

Magento CSS

AI generated

CSS Only Image Zoom for Product Pages: Hover Zoom Without JavaScript

Maxim Mironjuk - January 19, 2026

CSS only image zoom for product pages uses background-size, transform scale and the :target pseudo class to build detail views, hover magnifiers and full screen zoom, without loading an external zoom library and without calculating mouse movement in JavaScript.

CSS

AI generated

CSS dvh, svh, lvh: Getting Mobile Viewport Units Right

Maxim Mironjuk - January 17, 2026

The notorious iOS Safari bug with 100vh has kept developers busy for years. The modern CSS viewport units dvh, svh and lvh solve the problem permanently, with no JavaScript, no resize events and no fragile workarounds. This article explains how Dynamic, Small and Large Viewport Units work and when you actually need which one.

CSS

AI generated

Using @page Rules in Practice: Page Breaks, Margins and Print Formats

Maxim Mironjuk - January 12, 2026

With @page rules, CSS directly controls how large a printed page is, what margins it has, and what appears in the header and footer. For invoices, contracts and multi page reports, @page rules replace a significant part of what would otherwise require an external PDF library.

CSS

AI generated

Modern CSS Features 2026: Overview of the Key Innovations

Maxim Mironjuk - January 12, 2026

CSS is evolving faster than ever in 2026. Container Queries, Cascade Layers, @property, native nesting and :has() are Baseline and production ready. New features such as CSS Masonry, Anchor Positioning and Scroll-driven Animations are catching up toward production readiness. This article gives a structured overview.

CSS

AI generated

CSS Multi-Column Layout: column-count, column-width and Newspaper Design

Maxim Mironjuk - January 05, 2026

CSS Multi-Column Layout is one of the most underrated layout modules in modern CSS. With column-count, column-width, column-gap and break-inside you can build newspaper layouts, gallery stacking and masonry-like structures entirely without JavaScript, directly in the browser, with native support across every modern engine.

CSS Barrierefreiheit

AI generated

prefers-color-scheme in Detail: Implementing Dark Mode Correctly

Maxim Mironjuk - December 29, 2025

prefers-color-scheme is more than a media query for light and dark. The color-scheme property, a clean user override and the right order at first render decide whether dark mode feels seamless or starts with a visible flash of the wrong theme.

CSS

AI generated

CSS Cascade: Understanding Origin, Specificity and Order

Maxim Mironjuk - December 08, 2025

The CSS cascade is not a matter of chance, it is a precisely defined algorithm. Anyone who understands how the browser weighs origin, importance, specificity and order writes stylesheets that behave predictably, instead of fighting their own rules with !important.

CSS Barrierefreiheit

AI generated

The forced-colors Mode for Windows High Contrast: Making CSS Robust

Maxim Mironjuk - December 06, 2025

Once a user activates Windows high contrast mode, the operating system uncompromisingly replaces most of a website's colors with a limited system palette. With forced-colors, system color keywords and forced-color-adjust, an interface stays usable instead of letting borders, icons and states silently disappear.