bbioonThemes
  • Home
  • Blog

Tag: Block Styles

AI, AI in WordPress, Development, Gutenberg

Telex WordPress blocks now round-trip through VS Code

Telex can now take a Figma mockup or a napkin sketch as input, hand you a zip to refactor in VS Code, and accept it back for another AI pass. It also supports 7 languages and stopped breaking multi-byte output mid-stream.

Read Article
Design, Development, Front-end

Responsive pyramidal grid with modern CSS layout logic

A pyramidal hexagon grid used to need JavaScript and negative margins. Modern CSS does it with grid auto-placement, sibling-index() and some triangular-number math, plus a fallback for narrow screens.

Read Article
Development

Modern CSS patterns for breakpoints and iframe performance

Notes on breakpoints that fire too early, loading iframes with the details element instead of a JS library, and the Chrome 145 CSS additions worth knowing about.

Read Article
Development, Front-end

CSS @scope: scoped styles without BEM or a build step

The CSS @scope at-rule is Baseline supported, so you can scope styles to a DOM subtree without long BEM class names or a JS build step. Includes donut scoping with the lower boundary and the proximity rule that decides which scope wins.

Read Article
AI in WordPress, Development

A portfolio in an hour with the WordPress AI website builder

Lily Burton moved from biochemistry into science journalism and used the WordPress AI website builder to put a portfolio online in sixty minutes. Why shipping the prototype beat building the perfect site, and how to adjust the generated layout afterwards.

Read Article
Accessibility, Front-end

A semantic CSS pie chart a screen reader can read out

Conic gradients make a pie shape but leave screen readers with an empty box. This build keeps the data in the markup, places labels with cos() and sin(), and uses a few lines of JS for the slice offsets.

Read Article
AI in WordPress, Development, Gutenberg

AI WordPress site building with the Claude Cowork plugin

Automattic shipped a developer preview of a Claude Cowork plugin and a set of Skills that build block themes in WordPress Studio. Here is what the workflow does, where it breaks, and why the theme.json output matters.

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

Posts navigation

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