bbioonThemes
  • Home
  • Blog

Category: Front-end

Development, Front-end

Chrome 145 lets CSS multi-column layouts wrap vertically

Chrome 145 adds column-wrap and column-height, so a multi-column container can push overflow content down to a new row instead of off the right edge. Here is how the two properties behave and where Grid or masonry still fits better.

Read Article
Design, Development, Front-end

Handling UI state in CSS with a radio state machine

Most visual UI state does not need JavaScript. This is the radio state machine: radio inputs plus :has() and :checked driving toggles, panels and swatches in WordPress and WooCommerce, without breaking keyboard or screen reader access.

Read Article
Development, Front-end

View Transitions API recipes for WordPress navigation

The View Transitions API is Baseline now, so smooth page transitions in WordPress no longer need a PJAX library. Includes the opt-in rule, four CSS recipes, and the race condition that makes them look janky.

Read Article
Development, Front-end

How orthogonal distance fitting shrinks SVG paths

Matplotlib draws a smooth curve as hundreds of straight segments. Orthogonal distance fitting fits Bezier curves to the same function instead, so a chart that shipped as 250+ segments comes out as two.

Read Article
Development, Front-end

How to pick headless WordPress hosting in 2026

Most sites do not need to go headless. This walks through when the architecture is worth it, how your rendering choice (SSG, SSR or ISR) changes the hosting you need, and what to check on the WordPress backend before you commit.

Read Article
Development, Front-end

Build a CSS date range selector with :nth-child(of)

How I stopped managing calendar range styling in JavaScript. The :nth-child(of) syntax plus the sibling combinator handles the highlight in CSS, leaving JS to do nothing but keep two checkboxes in sync.

Read Article
Development, Front-end

Alternatives to !important that keep the cascade intact

Cascade layers, the :is() pseudo-class and selector doubling all settle specificity conflicts without !important. Plus the few cases, like utility classes and accessibility overrides, where !important is still the right call.

Read Article
Development, Front-end

The CSS Olfactive API and its hardware problem

A read through the CSS Olfactive API draft: the scent-profile property, the whf potency unit, the prefers-reduced-pungency query, and why the missing hardware and browser support leave nothing to test yet.

Read Article
Development, Front-end

CSS shape function: wavy and blob shapes without SVG

The CSS shape function replaces the SVG and clip-path hacks used for wavy dividers and blob shapes. How the curve commands and control points work, and why a fixed command count is what lets the browser animate between two shapes.

Read Article
Design, Development, Front-end

Modern CSS features: native mixins and object-view-box

Native @mixin is under discussion, an SVG favicon can follow the user’s color scheme on its own, and object-view-box has been cropping images in Chrome since 2022. Notes on what each one replaces.

Read Article

Posts navigation

Previous 1 … 3 4 5 … 10 Next

bbioonThemes

Senior WordPress Engineer
Toptal & Codeable Expert

Connect

  • GitHub
  • Twitter
  • LinkedIn
  • Codeable

Explore

  • Expertise
  • Work
  • Insights
  • Blog

Resources

  • bbioonThemes
  • Contact
  • Privacy Policy
© 2026 bbioonThemes. All rights reserved.
Privacy