bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Bug Fixing, Design, Development, Front-end

Scalable z-index values without magic numbers

Magic numbers like z-index: 99999 are guesses. How I set up z-index tokens in CSS variables, pair a modal with its backdrop using calc(), and use isolation to keep a component’s layering inside the component.

Read Article
Core Updates, Development, Gutenberg

WordPress theme.json pseudo-selectors now work per block

WordPress 7.0 supports :hover, :focus, :focus-visible and :active inside theme.json for blocks and their variations. What that replaces, how the JSON looks, and the limits worth knowing before you refactor.

Read Article
Development, Front-end

Select html in CSS: which root selector to use

Five ways to target the root element in CSS: the plain html selector, :root, :scope, the top-level nesting ampersand, and structural tricks that can only match html. Which ones belong in production, and how their specificity differs.

Read Article
Design

March 2026 desktop wallpapers, and the high-res asset problem

The Smashing Magazine wallpaper set for March 2026, including the Cascade Style Sheet design, plus the add_image_size code I use so high-res art does not slow down a WordPress theme.

Read Article
Core Updates, Development, Gutenberg

The two breadcrumb block filters in WordPress 7.0

WordPress 7.0 ships a native Breadcrumbs block, so the plugin can go. Two filters, block_core_breadcrumbs_items and block_core_breadcrumbs_post_type_settings, let you rewrite the trail and pick which taxonomy path wins when a post sits in several terms.

Read Article
Core Updates, Development, Gutenberg

Building a mobile menu with WordPress 7.0 navigation overlays

Mobile menus in WordPress 7.0 are template parts you edit in the Site Editor. This covers the navigation-overlay area, the theme.json registration, the close block you should add yourself, and the full-screen-only limit in this first release.

Read Article
Development, Front-end

Modern CSS features worth using in 2026

Interop 2026 sets the browser targets for the year. A look at the modern CSS features behind it: style queries with =, declarative dialogs via the Invoker Commands API, the :heading pseudo-class in Safari TP, and middle truncation without JavaScript.

Read Article
Development, Front-end

Tailwind components vs utilities: why the distinction barely matters

Ahmad Wael on why the Tailwind components vs utilities split is mostly semantic, and how the @utility directive keeps CSS flat without extra layers or specificity fights.

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

WordPress AI Assistant is now built into WordPress.com

WordPress.com built its new AI Assistant directly into the block editor and Media Library. It edits blocks and generates images with Google’s Gemini models, though full layout control needs a Block Theme.

Read Article
Design, Development, Front-end

Why sustainable UX design is now a performance metric

WordPress sites carry more digital weight than they need. This post covers dark-first themes, lighter image formats like AVIF, and trimming the “digital fat” that slows sites down and drains batteries.

Read Article

Posts navigation

Previous 1 … 5 6 7 … 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