Home/ Blog/ blog/ Summer recap 2022

Summer recap 2022

See what we did this summer: three releases, a bunch of tutorials and articles.

Pinegrow 6.6

Pinegrow 6.6 is available for download, with a bunch of improvements:

  • CSS Grid controls in the context menu
  • Picture element
  • Lazy loading for images and frames
  • Remove selected attributes from all elements on the page
  • More stable SASS compilation
  • WordPress and WooCommerce improvements

To update, download and install the package for your operating system.

Learn more & download »

Customizing Pico CSS with SASS & Pinegrow


Pico is a minimal CSS framework that works with semantic HTML instead of classes. Learn how to customize Pico with SASS variables in Pinegrow. A ready to use starter project is included.

Customize Pico with SASS & Pinegrow »

CSS Grid sizing with images positioned with named lines


CSS Grid elements can be positioned with named lines and overlap other grid areas. Recently browsers updated the way how auto row and column sizes are calculated in such cases. Watch this update on our CSS Grid course to learn more. A workaround is provided as well.

CSS Grid and images with named lines »

Using Pinegrow to create Java apps


In this guest posting, Pinegrow user Will Iverson showcases a part of his Frisson build system for creating Java-based apps. That’s Java – not JavaScript 🙂

Using Pinegrow with Java »

Creating custom WordPress blocks with Pinegrow


Watch the tutorial on creating Gutenberg blocks by Adam Lowe where he also explains why using Pinegrow is a great strategy for growing a sustainable WordPress business without relying on page builders. 

Creating Gutenberg blocks with Pinegrow »

Running a profitable web agency with Pinegrow


Read the blog post by Tim Bowerbank on how Pinegrow helped his company become more productive and profitable.

See how Tim’s company is using Pinegrow »

Tailwind CSS + Interactions + WordPress tutorial


Our brand new tutorial will show you how to:

  1. Create a dynamic WordPress site with
  2. Customized Tailwind CSS,
  3. Gutenberg blocks and
  4. Pinegrow Interactions.

This tutorial brings together a range of Pinegrow features in order to create powerful components such as:

  • Reusable Slider Gutenberg block built with Interaction blueprints
  • Pricing block with animated monthly / annual payment toggle

It was lots of fun recording the tutorial, and I hope you will enjoy it as well. There is also an interesting background story 🙂

Upgrade your Pinegrow skills »Short on time? Watch the overview.

Pinegrow 6.7

Making tutorials is also a great way to test Pinegrow and discover any rough edges. The result is the latest Pinegrow Web Editor release 6.7 that improved how Tailwind CSS, Interactions and WordPress work together.

Pinegrow 6.7 is required for following the tutorial, and recommended for users working with WordPress, Tailwind CSS or CMD+H.

Learn more and download »

Pinegrow 6.8

The latest Pinegrow Web Editor 6.8 is out, with:

  • Bootstrap 5.2
  • Preserving collapsed Tree nodes during code editing
  • A bunch of WordPress improvements
  • Creating block plugins for WooCommerce 

Check out the release notes to learn more and download the update.

Learn more and download »

Last updated on August 31, 2022 at 3:47 am

Print this article