bbioonThemes
  • Home
  • Blog

Tag: Block Styles

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

Gutenberg 22.4: pattern overrides and the font library

Gutenberg 22.4 merged 402 pull requests. The ones worth your time: pattern overrides for any block attribute that supports block bindings, and font library access for classic and hybrid themes.

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

A block theme development workflow with Playground and GitHub

Site Editor changes live in the database, not in your theme files. This is the setup I use to pull those visual edits back into version control: WordPress Playground, the Create Block Theme plugin and a GitHub repo as the source of truth.

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

Web Almanac 2025: better CSS, worse accessibility

The 2025 Web Almanac covers 17.2 million sites. Variable fonts and text-wrap are finally common, but median mobile page weight is up 202.8% since 2015 and two thirds of sites strip their focus outlines.

Read Article
Development, Gutenberg

The WordPress code block finally highlights syntax natively

The code block was a glorified textarea until WordPress.com rebuilt it. Native highlighting for over 100 languages, copy buttons and line numbers in the sidebar, and syntax token colors you can set from theme.json instead of loading Prism.js on every page.

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
Development, Front-end

CSS relative colour and OKLCH for WordPress themes

Hand-calculated HEX palettes break the moment a base color changes. This walks through CSS Relative Colour and OKLCH in WordPress themes, and how @property lets you animate one channel at a time.

Read Article

Posts navigation

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