My Favorite Top 6 New Features of Blocs 3

I have been using Blocs 3 for a few months now, so, in this post, I want to share with you my favorite new features of Blocs 3.

If you don’t know what it is, Blocs is a visual web design app for macOS, which lets you build beautiful responsive websites without knowing how to code. I have been using it for a few years, and even though I don’t know HTML, CSS, JS, PHP, or any coding, I was able to create well over a hundred beautiful websites from scratch, all without knowing how to code.

Blocs 3 is a massive update over Blocs 2. If you want to see the full list of new features and improvements, check out this post, in which I share everything that’s new in Blocs 3.

Significant features are noticeable right away, and they are great, of course. However, sometimes, even the small features and little improvements can make an even more significant difference and be great timesavers.

In this post, I want to share with you my top six favorite new features of Blocs 3, regardless of whatever they are big or small.

Custom Classes Improvements

First, Custom Classes are a joy to use in Blocs 3. We can finally duplicate custom classes, which is a great timesaver, plus an ability to search the custom class manager is fantastic. However, what I like the most is that the Custom Class Editor window is now floating, and we can switch between four breakpoints without closing it.

Bloc and Bric Bars

Other significant improvements to user experience are new Bloc and Bric Bars. Now, you can click on the plus icon where you want to place a new bloc or bric, and you will see the pop-up window with a collection of available blocs or brics. You can even search inside it. I especially love the Bric Bar, which reminds me a little of Squarespace’s block selector.

Scroll Effects

Blocs 3 comes with an entirely new type of effects - Scroll FX. Now, it is effortless to add a slide in, or a fade in effects, which will also work on iOS devices. It might not sound like a big deal, but considering that Parallax effect in Blocs-made websites has never worked on iOS devices, the fact that we can now use Scroll FX to create great looking effects is very nice!

Layer Navigator

Blocs 3 has two sidebars instead of one in Blocs 2, and the main reason for this is a new Layer Navigator, which occupies the left tab of the left sidebar. With Layer Navigator, it is now super easy to manage all of the elements of our website in Blocs.

Freehand Classes

Custom Classes are great, but wouldn’t it be great if Blocs automatically created them for us? Well, in Blocs 3 you can press the ‘Shift’ key and use your mouse to move around, resize or change elements of your website, and thanks to the new feature ‘Freehand Classes,’ Blocs will automatically create the class for you. The best part about it is that all of the changes you apply using this technique are breakpoint-specific.

Column Width and Offset Controls

Finally, my favorite new feature of Blocs 3 is the new controls for width and offset of Columns. These are hugely helpful when creating different types of layouts, but most of all, they are great for mobile optimization, because they also apply to each breakpoint specifically.

These are my favorite new features of Blocs 3, and I would love to know what features do you enjoy the most.

As always, if you have any questions, do not hesitate to contact me. I will do my best to help you.