Blocs 2023 - Feature Wishlist

Hey everyone, I hope you are all settling into 2023 nicely.

A new year requires a new Blocs feature wish list, so please share the top 3 features you would most like to see added to Blocs this year.

4 Likes

Image Asset Manager had a Zoom in / out feature, like the one MAC uses in finder and other apps.

Ability to sort by Date, Name, Type, Dimension… etc.

Copy and Paste Blocs or hold until a new Projects is opened

2 Likes
  1. Better typography management (especially for local fonts. select family font, then specific style for this font. etc)

  2. Global Blocs/Components/Elements (or whatever you decide to call these).

  3. Loading…

3 Likes

Still finding colour picker a bit clunky, sometimes I can tab between inputting numbers, sometimes not, sometimes typing the number in leaves the first digit off.
And as @Davedesigner mentioned on another post, a way of choosing a colour (or asset) without it automatically being applied to something in the workspace.
And for us tablet users, a little scroll bar on the left options panel to get to those options that have fallen off the screen, without having to rev my mouse up.

Pretty please….

5 Likes
  1. Class Editor CSS Tab - Code editor, that uses breakpoints

  2. Bric Builder - Obfuscate Javascript of export (Not sure if thats even possible), or a better way to manage development and published brics.

  3. Bric Builder - More UI options, to match what’s in Blocs. Dropdowns, Icons etc.


Sneaky…

  1. Blocs - that can be updated, and preserve IDs, can store code. The stripping of IDs on saved Blocs is really limiting.
4 Likes
  1. The possibility of working on several projects at the same time
  2. The ability to make multilingual sites
  3. Gradients with more than 2 colours
2 Likes

That’s possible now

2 Likes

For multilingual https://www.i18next.com/

1 Like

Oops!
Sorry I didn’t see the + button
Thanks

1 Like

Also support for variable fonts would be great.

2 Likes

Move or float the “Project Settings Window” and “Side Menu Window”

I would really like to see access to a set of CSS Colour vars. This would require a way to set these Vars up and maybe a Var Manager or new tab/dropdown in the Swatch Manager, is the way to go. Ideally, a way to save them so that the same colour scheme could be used in other projects, would complete this feature.

Then provide a way to select a colour Var for the main components that can make use of colours, such as buttons, button text, text, alt text, alt hover, alt link hover, BG’s, etc… So that for every colour well in the UI, a click would take to to the Swatch Manager that would allow you to select a colour Var.

The current Swatch Manager works fine but IMO is more suited to a graphics design colour select tool, than a web page where a consistent set of colours need to be selected for multiple objects.

1 Like

1
I was just recently watching Pete’s (@PeteSharp) tutorial covering Scrollspy in Blocs 4 and the cumbersome way to use javascript to add attributes to the body tag. I do have some basic knowledge of HTML and CSS, but Javascript till tends to elude me :wink: So why not have an easier way to add attributes to the body tag?

2
Built in way to add and adjust schema.org tags for even better SEO?

3
Being able to nest container tags (eg. having several sections, article and / or aside within a single container). Right now that’s not possible, since we can add container tags to single Blocs only.

1 Like

Not the exact same thing you are talking about, but you can import / export colour swatches. Works really well with apps like ColorSlurp.

Screenshot 2023-01-12 at 11.28.16 PM

1 Like

I do make use of that Colour Palette function that functions in the same way as the standard Apple colour palette import. What I am talking about could be considered as a Var theme with colours allocated for each colour Var.

Right now the global colours use CSS variables, you can see these in effect in the templates that ship with Blocs. Are you talking about a way to set all of a specific UI element a colour with a click?

Interesting. How are colours in the Swatch Manager currently allocated to a colour?

Eg in this template image below, how is primary assigned to #AE7C51 ?

1 Like

Off Topic

Nice, Blocs is featured on:

3 Likes

Ah thats very cool!

1 Like

It can be edited in multiple places, but for simplicity you can edit/assign the colour by clicking the little well in the top left corner of the Swatch Manager (with that swatch selected).

When you edit it it will update the colour across the entire project even in class that have it applied.