bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Development, Gutenberg

CSS masonry layout is now display: grid-lanes

A client wanted a Pinterest-style WooCommerce gallery, which used to mean Masonry.js or fragile grid math. The CSS Working Group settled on display: grid-lanes instead, and it is still rolling out behind flags.

Read Article
Core Updates, Development

Shadow DOM beat my 30,000 lines of legacy CSS

A 30,000-line stylesheet taught me that BEM cannot outrun global scope. Web components and the Shadow DOM can, and the idea goes back to a 1998 proposal for HTML components.

Read Article
Development, Gutenberg

I tried explaining HTML and CSS to my five-year-old niece

My niece walked into the office and asked what I was typing. Explaining HTML as bricks and CSS as paint was harder than I expected, and it showed me where I had gotten sloppy in my own work.

Read Article
Development, Gutenberg

Smooth scroll animations with CSS and no JS library

A WooCommerce homepage carousel was wrecking Core Web Vitals. Dropping the JS slider for CSS animation-timeline and view() cut the script weight and pulled the LCP score back into the green.

Read Article
Core Updates, E-commerce Development

WooCommerce 10.4: a faster mini cart and a lazier REST API

WooCommerce 10.4 makes the Interactivity API mini cart the default, lazy-loads two REST namespaces, and takes HPOS caching out of experimental. Here is what to test before you update.

Read Article
Development, Gutenberg

Extending core blocks with the Interactivity API

A client wanted the cycling word effect from a SaaS homepage. A custom block would have meant migrating their existing headings, so I extended the paragraph block instead using the Format API, WP_HTML_Tag_Processor and the Interactivity API.

Read Article
Core Updates, Development

WordPress 6.9 and the heading CSS specificity fix

WordPress 6.9 is at RC3 with a launch set for December 2nd. The heading specificity fix, the Post Editor iframe and the new DataViews all change what a custom theme has to do.

Read Article
Core Updates, Development

WordPress 6.9 release management: when to update

The December 10 dev chat pushed 6.9.1 planning into the new year, which says something about how 6.9 is holding up. Here is how I stage a major core update for client sites, and why the Gutenberg 22.2 labels matter.

Read Article
Core Updates, Development

Gutenberg 22.3 gives fonts their own settings page

Gutenberg 22.3 pulls font management out of the Global Styles panels and into its own Fonts page, makes the core Grid block responsive when columns are set, and stops the image cropper from losing your aspect ratio.

Read Article
Core Updates, Development

Speeding up WordPress without breaking your block CSS

A 15k-product WooCommerce store had red LCP scores and broken layouts after stacking speed plugins. What actually helped: enqueueing block styles properly, plus the Safari LCP support and Compression Dictionaries work from the core performance chat.

Read Article

Posts navigation

Previous 1 … 12 13 14 … 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