bbioonThemes
  • Home
  • Blog

Tag: Block Styles

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

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