bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Accessibility, Development, Front-end

What the CSS :near pseudo-class would replace in your JS

Thomas Walichiewicz proposed a :near() selector so CSS can react when a pointer gets close to an element. It would replace the usual pointermove distance math, though the CSS Working Group is still weighing the fingerprinting risk.

Read Article
Core Updates, Development, Gutenberg

PluginPreviewMenuItem: a custom preview in the editor dropdown

WordPress 6.7 added PluginPreviewMenuItem, a Slot/Fill point in the editor Preview dropdown. This walks through enqueuing the assets, registering the menu item, and reading unsaved post data with useSelect for a social card preview.

Read Article
Core Updates, Development, E-commerce Development

WooCommerce product image lazy loading is on by default in 10.6

WooCommerce 10.6 adds loading=”lazy” to the Product Image block by default, which hurts LCP when the image sits above the fold. The new woocommerce_product_image_loading_attr filter lets you force eager loading on the images that need it.

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

Posts navigation

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