bbioonThemes
  • Home
  • Blog

Category: Front-end

Development, Front-end

What a ReliCSS audit finds in an old stylesheet

A ReliCSS run sorts a stylesheet’s hacks into dead-browser fossils, fragile IE8 workarounds and leftover vendor prefixes. Here is how I read that output on WordPress sites, plus the case where :has() replaces the old checkbox hack.

Read Article
Development, Front-end

Modern CSS layouts: view transitions and grid-lanes masonry

Browser vendors are quiet but the community is not. Video state that survives navigation with view transitions, Kevin Powell’s cascade-layer trick for naming media queries, and native masonry landing as grid-lanes.

Read Article
Development, Front-end

CSS stacking context: why your z-index does nothing

z-index is not a global ranking. It only orders elements inside whatever stacking context they sit in. The folder analogy, the CSS properties that quietly create a new context, and how isolation: isolate frees a trapped modal.

Read Article
Accessibility, Development, Front-end

Styling the ::search-text pseudo-element in Chrome 144

Chrome 144 added the ::search-text pseudo-element, which finally lets you style find-in-page highlights. Relative color syntax keeps matches readable on dark themes and saturated backgrounds.

Read Article
Development, Front-end

CSS custom-media: name your media queries once

Firefox Nightly has a flag for @custom-media, the at-rule that lets you alias a media query behind a name and reuse it. Notes on what it fixes, how Open Props packages ready-made queries, and how to write the syntax today with postcss-custom-media.

Read Article
Development, Front-end

A responsive hexagon grid without the CSS hacks

A honeycomb layout that keeps its geometry without floats, magic numbers or a JavaScript grid calculator. corner-shape handles the bevel, cos(30deg) sets the aspect ratio, and sibling-index() works out which rows need the half-item shift.

Read Article
Design, Development, Front-end

Design intent: why pixel perfect layouts keep breaking

Matching a 1440px Figma file coordinate for coordinate produces CSS full of magic numbers that breaks on the first foldable phone or bumped font size. What to agree on with designers instead: tokens, fluid units, and rules about behavior.

Read Article
Development, Front-end

The DailyDev Squad I use instead of a pile of RSS feeds

Keeping up with CSS is a filtering problem more than a reading problem. I traded years of RSS folders for the I Heart CSS squad on DailyDev, and this is what a curated feed does that a raw aggregator never did.

Read Article
Development, Front-end

CSS scroll-driven animations instead of 50KB of JavaScript

Notes from the Web Directions Dev Summit in Sydney, where the argument was that CSS scroll-driven animations make most JS scroll libraries pointless. Includes the CSS, and why prefers-reduced-motion is not optional.

Read Article
Design, Development, Front-end

Anchor positioning and @scope just went Baseline

Chrome 144 and Firefox 147 moved anchor positioning and @scope to Baseline, so tooltips and style isolation no longer need a JS library. Also here: the Temporal API in Chrome, the dead HTML document outline, and using your OS as a CMS.

Read Article

Posts navigation

Previous 1 … 7 8 9 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