Css Grid Builder App Vs Site Designer V3

Hi Gang!

A new version of Site Designer V3 is here. Build 2649 has a sweet new CSS framework addition: Vanilla.

It's actually a framework-less framework that lets you tackle the design your way! It does not have any pre-sets — no fixed breakpoints, no predefined selectors, no default element styles. It is lightweight, yet totally responsive thanks to CSS Grid and Flexbox.

Vanilla also gives you the ability to work desktop-down. Build your pages wide, then move the width slider to the left to tweak the layout and styles for smaller screens. Or start in the middle and tweak your design for larger and wide screens (it's what Bob does).

Just a little note, to create interactive components with Vanilla you would have to connect your own scripts. For most of you this will not be a problem. Clearly, you can also keep using the interactive scripts of Bootstrap, Foundation and Materialize and build framework specific drop-down menus, photo galleries, popups and more. The choice is yours!

We also made some tweaks to the app making it smoother for V3 to import previous RSD projects, specifically if the project was last saved with 2.5.2425.

Altered how the app displayed items such as buttons for Windows users with high DPI screens.

For clarity and proper definition, we replaced "no-unit" with "line" in grid_size_start_end control.

[*] Addressed missing font icons within older projects that were causing the control panels to go empty.

Lastly, we added new CSS Visibility & Direction tools. Sometimes it is nice to be able to control the CSS visibility. The difference between Display: None is that it doesn't collapse its space. With Opacity: 0 the opacity still consumes event click, while Visibility: Hidden ignores them all.

On Materialize, you can override the Direction CSS property to reorder floating buttons.

Happy Friday!