bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Accessibility, Development, Front-end

A CSS contrast color approximation that ships today

The contrast-color() function only works in Safari and Firefox so far, so dynamic text colors still need a workaround. Here is the OKLCH lightness trick I use in block themes and WooCommerce stores: one declaration, no JavaScript.

Read Article
Core Updates, Gutenberg

Gutenberg 22.5 adds native block CSS and layout fixes

Gutenberg 22.5 brings custom CSS on individual block instances, aspect ratio control on wide and full alignments, and a List View that shows real item content. Notes on what each one changes day to day.

Read Article
Core Updates, Development, Gutenberg

WordPress 7.0 features developers should test now

WordPress 7.0 makes the post editor always iframed, which breaks editor JavaScript that reaches for the global document. Also here: native viewport-based block visibility, per-instance custom CSS, and the Studio 1.7.0 CLI updates.

Read Article
AI, AI in WordPress, Core Updates, Development

The WordPress AI Client heading into core 7.0

Notes from the February 4 contributor meeting on the WordPress AI Client merge into 7.0: why OpenAI, Google and Anthropic are moving out to separate plugins, why the off switch is a constant rather than a filter, and what MCP adapters mean for the Abilities API.

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

Posts navigation

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