Categories
Comparisons Containers Extensions Single Blocks

Animating Gutenberg Blocks: Two Approaches

Adding a little motion to your content can work miracles by literally making it “pop-out”. As with other functionalities there are several plugins that will allow you to add CSS animations using shortcodes, but they can be a little clunky to use. Seeing this feature translated into Gutenberg blocks is really interesting.

I have found several plugins that help animate blocks, and noticed they use two main approaches: The Container and the Extra Settings Panel.

Categories
Extensions

Mighty Blocks

This plugin does NOT add any extra blocks, but extends the functionality & control of existing blocks :

  • Typography (fonts, colors, backgrounds, letter spacing, line heights)
  • Margins
  • Backgrounds & Gradients for all blocks
  • Round Corners
  • Drop shadow
  • Borders
  • Mobile specific settings of all of the above
Categories
Comparisons Extensions

Comparison: 9 plugins to add inline styles to text blocks

We know that adding inline styles are one of the most demanded features, but we also know it can be a double-edged sword and a gateway to all kinds of inline horrors.

I am going to review plugins which add inline styles to paragraph blocks, mostly color, backgrounds and general typography settings.

Most of these plugins are in fact Block collections which offer this added functionality as an extra, while three of them (Mighty Blocks, Advanced Rich Text Tools and Editors Kit) are standalone plugins, and do not include any blocks.

Categories
Collections Extensions Templates

Ghost Kit part 2: Extending Gutenberg

I made a review of Ghost Kit a while back but since then this plugin has added several new features, some of which offer extra settings and extend the functionalities of the block editor.

Categories
Meta-Review

Duplicated block dependencies

I noticed this message below while I was testing performance on gu10.blog (using GTMETRIX via ManageWP). I am curious as if there is already some strategy on the roadmap to address this problem.

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 46.4KiB.

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 41.9KiB.

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 1.3KiB.

Categories
Collections

Gutenberg Blocks – Ultimate Addons for Gutenberg

It currently has 70k+ installs and has an impressive amount of out of the box blocks. The post grid/masonry is particularly well built and detailed.


It has a nice settings page where you can enable/disable their blocks


Samples of blocks

Post Grid Block

Gutenberg Post Blocks

A review of the most detailed post list, post grid & post carousel block I have found so far, and why this type of block …
Read More
Categories
Single Blocks

Advanced Gutenberg Blocks

Categories
Containers Single Blocks

Simple Shortcode Block

This simple plugin will allow you to preview the content of your shortcode in the backend

What does it look like in the backend?

This is what it looks like in the backend

What happens if you remove the plugin?

The block will disappear from the frontend and you will get this message in the backend. It would be nice if it could fallback to the default “Shortcode” block.

Categories
Collections Containers

Kadence Blocks – Gutenberg Page Builder Toolkit

Categories
Utility Blocks

Fabrica Reusable Block Instances