Site Designer V3 Change Logs - Post...

User 399746 Photo

Sales & Office Manager
112 posts

Site Designer V3 build 2602 is HERE!!!

CSS Grid is energizing the web industry! This technique allows you to craft unique layouts that have been virtually impossible to build before. We are proud to announce the new Site Designer V3 app provides visual controls for using this incredible method.

Yes, V3 does have the ability to open previous RSD projects including designs from Grid Builder, Bootstrap Builder and Foundation Framer. Upon open, it will convert rows and columns to the containers. The sizing and layout of these containers will still be controlled by the classic layout methods.

We suggest upgrading to 'grid' on a section-by-section basis. Bob wrote up an insightful article on Medium, discussing a workflow for transitioning from old layout methods to the technique of the future. We highly suggest reading this before getting started (and don't forget to clap while you are at it).

Once you understand the concept, you should read my step-by-step example of cleaning up the old layout code and implementing Grid.

CSS Grid controls may be the star of the show here in V3, but there is much more to be excited about. Let’s dive into some of the new things:
  • Site Designer V3 (notice this version doesn’t have ‘Responsive’ in the title) so that you can run both versions of the apps at the same. We heard that many of you wanted the ability to do that.
  • A fresh UI - reorganized and easier to navigation to the options you need. I made quick overview of the UI changes. … l#ui-intro
  • Eliminated Rows and Columns - CSS Grid uses Containers. You can build your row/column grids as needed inside your Container elements.
  • Drag-n-drop pictures from your computer right on the canvas! Finally!!
  • Integration with the Materialize CSS framework. It has been gaining popularity since it is based on Google’s Material design.
  • Improved Inspector mode (now called Element pane). Includes CSS class names so you can quickly identify what you’re looking at.
  • Apply fallback styles for browsers that don’t support CSS Grid
  • Tweaked the Page Management so to ensure nested pages no longer get lost in oblivion.
  • We cleaned up and unified CSS Styles between our design apps.
  • Double click to launch the Inline/Text Editor - Yippeee!!
  • New Layout Classes for converted projects from V1-2 (RSD, BB and FF).
  • Added the ability to hit the ESC Key on dialogs so they cancel/close.
  • Updated the app’s memory so that it will remember the save and export paths (on a per project basis).
  • Bootstrap 4 has been updated to V4.1.0.
  • Navigate element with keyboard keys! These will we the selection rules that we will follow depending on the arrow used:
    1. Down: Select first selectable child of the current element in case it exist, if not, the key will do nothing
    2. Up: Select the first selectable parent of the element, if the element is the body, the key will do nothing
    3. Left: Select previous selectable brother, if the element is the first child, we will loop to the last child
    4. Right: Select next selectable brother, if the element is the last child, we will loop to the first child
  • When opening an older project, the app will automatically create a backup of the original for you (how sweet.)
  • You can now add variables within the Inline/Text editor without the formatting going haywire.
  • New theme shop! You can download the themes you want directly from our shop. Coming soon will be a Component Shop too. You should check out the new Gloss Content Design. It is on sale for just $19!
One last biggie - we have a lot more coming for the app. With V3 you get free upgrades for one year! Yup! We will no longer sit on any new features and push them all out in one big update. We’ll launch them as soon as we have them done, so you can enjoy them much faster. :)

That's all for now you cool cats! Hope you enjoy!! :)
Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.
User 399746 Photo

Sales & Office Manager
112 posts

Happy May everyone! The year is starting to fly by already. Our first update of Site Designer V3 is here with build 2610. In this update:

• No more disappearing font icons if you were using the Materialize framework.
• Foundation’s menu classes are now treated as reserved, so if you’re applying those classes the program will no longer greet you with a warning box.
• Small tweak done to the Theme Import dialogue.

We also made modifications to the fonts list. Please join me in welcoming these new fonts:

• Archivo
• AsapCondensed
• BalooBhaijaan
• BalooTammudu
• Barlow
• BarlowCondensed
• BarlowSemiCondensed
• BlackAndWhitePicture
• BlackHanSans
• CuteFont
• DoHyeon
• Dokdo
• EastSeaDokdo
• EncodeSans
• EncodeSansCondensed
• EncodeSansExpanded
• EncodeSansSemiCondensed
• EncodeSansSemiExpanded
• Farsan
• Faustina
• Gaegu
• Galada
• GamjaFlower
• GothicA1
• Gugi
• HiMelody
• IBMPlexMono
• IBMPlexSans
• IBMPlexSansCondensed
• IBMPlexSerif
• Jua
• Kavivanar
• KirangHaerang
• LibreBarcode128
• LibreBarcode128Text
• LibreBarcode39
• LibreBarcode39Extended
• LibreBarcode39ExtendedText
• LibreBarcode39Text
• LibreFranklin
• Manuale
• Mina
• MiriamLibre
• Mukta
• MuktaMahee
• MuktaMalar
• NanumBrushScript
• NanumGothic
• NanumGothicCoding
• NanumMyeongjo
• NanumPenScript
• PoorStory
• Saira
• SairaCondensed
• SairaExtraCondensed
• SairaSemiCondensed
• SedgwickAve
• SedgwickAveDisplay
• SongMyung
• Spectral
• SpectralSC
• Stylish
• Tajawal
• VollkornSC
• YeonSung
• ZillaSlabHighlight

That’s it for this update! You can download your latest version by heading on over to

And as always, keep letting us know what you think! Until next time. ;)
Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.
User 399746 Photo

Sales & Office Manager
112 posts

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! :)
    Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.
    User 399746 Photo

    Sales & Office Manager
    112 posts

    Quick note to let you know Site Designer 3.0 build 2669 is now live!

    This version includes:
  • We added a right-click action on the Picture element so you can change the image right on canvas.
  • Tweaked the wireframe within the Materialize Blank theme
  • An adjustment to Container items that were Symbols nested within another Container. The Symbol would get updated, however, the Symbol was getting pulled out of the Container.

  • [*] Added the option to choose which framework to convert Coffeegrinder projects to upon import.

    Registered owners can download the latest build in your accounts. Happy Friday!
    Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.
    User 399746 Photo

    Sales & Office Manager
    112 posts

    Happy Friday!

    Site Designer V3 build 2726 is now available!

    The big news about this version is the added workflow for inserting Structured Data into your pages. In the context of a website, Structured Data is "extra" information which enables search engines to better understand the content on a page.

    Describing your page content with this method offers a number of benefits. Generally speaking, this improves a site's visibility in the results for relevant searches and leads to more organic traffic. Read more about how this can swing your sites into an upward spiral. If you enjoy the write-up, please give it a clap so that we know you’d like us to keep writing these types of articles. :)

    You’ll find the Structured Data controls in the top toolbar. A dropdown menu will appear allowing you to select the tags that best describe your business, organization, or creative works. You can also test your selections with Google to see if they recommend any additional items to be added.

    In addition to the Structured Data controls,

    * We have updated the Bootstrap framework to 4.1.1 and Materialize to 1.0.0-rc1.
    * Reconfigured the Bootstrap 3 Column Classes when a project from a previous build was imported.
    * Adjusted the Guide Settings’ memory so that container stripes for overlays would appear.
    * Refreshed the icon toolbar and theme manager with fancy new icons.
    * Tweaked the drop zone patterns so they it is clear where elements can be placed.
    * Corrected how background images and gradients applied to containers were imported into V3 from previous builds.
    * Squashed some bugs. This includes a crashing issue when using Text Editor on Windows, as well as pasting code into the Text Editor not displaying as plain text.
    * Plus lots of miscellaneous backend tweaks too.

    We hope you enjoy!
    Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.
    User 399746 Photo

    Sales & Office Manager
    112 posts

    Good Monday Morning Everyone!

    Site Designer 3.0.2734 is now live! This is a build that resolves a small issue with nested pages for projects made with RSD 2.1 Coffeegrinder and Bootstrap 2.
    Learn the essentials with these tips on Site Designer V3. You'll be making awesome, code-free responsive sites like a boss.

    Have something to add? We’d love to hear it!
    You must have an account to participate. Please Sign In Here, then join the conversation.