bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Design, Development

Building CSS bar charts with sibling-index() and attr()

Chart libraries are heavy for four bars. Here is a CSS Grid bar chart that uses sibling-index() and attr() to read its values straight off the markup, plus the PHP helper I use to render it in WordPress.

Read Article
Design, Development

15 WordPress website examples and the architecture behind them

Fifteen real WordPress sites looked at as architecture rather than inspiration: which themes they run, how they handle search and subscriptions, and where the block editor quietly does the work a plugin usually gets credit for.

Read Article
Design, Development, Front-end

February 2026 wallpapers and how to serve them properly

Smashing Magazine’s February 2026 wallpapers collection, with the designs worth grabbing and a developer’s notes on shipping high-resolution images: srcset, lazy loading, and the mistakes that turn a wallpaper gallery into a slow page.

Read Article
AI in WordPress, Development

21 WordPress sites an AI website builder can scaffold

I ran the WordPress.com AI engine at 21 site types, from portfolios to membership hubs, to see whether the blocks it generates survive a mobile viewport and a Core Web Vitals pass. Here is what ships as is, and the parts I still fix in functions.php.

Read Article
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

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
Core Updates, Development, Gutenberg

Testing WordPress 7.0’s customizable navigation overlays

WordPress 7.0 turns the mobile menu overlay into a block-based template part, so a logo or a button goes in without CSS overrides. Here is what to test, plus the open argument about where the markup belongs in the HTML.

Read Article
Core Updates, Development

The 12 WordPress themes people actually use in 2026

Twelve WordPress themes ranked by actual WordPress.com usage share in 2026, with notes on block architecture and performance, plus the enqueue trick that keeps block CSS off pages that do not need it.

Read Article

Posts navigation

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