Site Designer V3 Change Logs - Post...

User 399746 Photo


Sales & Support Manager
122 posts

Site Designer V3 build 2602 is HERE!!!

https://sdrive-storage.s3.amazonaws.com/norvell/5ae08533675540/90052851/backflip.gif

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. https://tutorials.coffeecup.com/respons … 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!

    https://cssgrid.cc/themes/images/gloss-theme/gloss-theme-sm.png
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 & Support Manager
122 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 https://www.coffeecup.com/help/myproducts/

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 & Support Manager
122 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 & Support Manager
    122 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 & Support Manager
    122 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.

    https://sdrive-storage.s3.amazonaws.com/cc-newsletter/5b1a83b6d8fdb1/71116917/sd-layer.png

    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 Schema.org 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 & Support Manager
    122 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.
    User 399746 Photo


    Sales & Support Manager
    122 posts

    Happy Friday! Site Designer 3.0.2766 is now live!

    We’re most excited for the new HTML5 Video and Audio elements. These will give you the power to easily embed media files without having to sync with third party platforms.

    https://sdrive-storage.s3.amazonaws.com/cc-newsletter/5b2a61762ae428/13352808/media-elements-no-shadow.png

    Media gives your site personality. You can quickly deliver a message about your services, tell a story about who you are, or entertain the audience with anecdotes. This helps you engage with viewers in new ways and encourages people to visit your site regularly. Watch a demonstration of how these new controls work:

    https://sdrive-storage.s3.amazonaws.com/cc-newsletter/5b2d5e624f9d78/40758172/video-cover.png

    Along with the new media players, we also updated the Online Help Guide with a search control. You can access from the Help link in the top menu in the app. Plus, in this new build we:

    * Adjusted the display of class names on the Element pane when they are specified on the Text Edit panel.
    * We increased the size for the Hover indicators and adjusted their positioning so that they are not hidden or displayed stacked.
    * Tweaked how Symbols referenced IDs so that it would stop interfering with the File > Save control.
    * Resolved a small issue that caused media queries to not update when moving breakpoints on Picture element.

    Enjoy the fresh version and have a great weekend! :)
    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 & Support Manager
    122 posts

    Hello again friends! Quick note that Site Designer 3.0.2776 is now live!

    A new writing mode is available where you can change the text orientation. Like the example below, you can write text in various directions:

    https://sdrive-storage.s3.amazonaws.com/cc-newsletter/5b3b97bb8fd730/07333233/text-direction-2.png

    We also made a quick fix to the Audio element. When an MP3 file is added to the local resources, it will now appear as an option for syncing the resource in the Element pane. Thank you Frank Cook for reporting this!

    Along with that, we tweaked the Shadow/Border Color control to make it easier to see on the panel.

    Lastly, Site Designer V3 has received an important security update for keeping up with PCI regulations. If you upload to S-Drive, you'll need to upgrade to this latest version. Otherwise, if you stick with a later version you'll need to use the free FTP app to upload.

    Hope everyone has a wonderful day! :)
    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 & Support Manager
    122 posts

    Happy Monday Everyone! Today we released Site Designer 3.0.2815 for download.

    This new build includes cool new 2D/3D controls. You can use and differentiate when utilizing 2D and 3D transforms. Now you can understand and take advantage for both flat and tridimensional features. You’ll notice that we updated the Transform controls to take into account active dimensions.

    https://sdrive-storage.s3.amazonaws.com/blog/5b843add781a54/94790579/2d.png

    https://sdrive-storage.s3.amazonaws.com/blog/5b843ae4930699/69902659/3-d.png

    Some more version highlights include:
  • We updated the Materialize framework to version 1.0.0-rc.2.
  • We updated the Bootstrap framework 4.1.2.
  • Added ‘Position: Relative’ to the body when using the Vanilla framework. This fixed rendering issues when Grid was applied to the body.
  • Included the display selection ‘Width: Auto’ for Picture elements.
  • According with MDN specification the % is not allowed along with translateZ and perspective functions. Display controls now reflect this.
  • Adjusted the Parallax effect with the Materialize framework so that images are visible inside of a parallax container.
  • Reconfigured backend configurations of Symbols for a project that has been converted to V3 from a previous version.
  • Tweaked the HREF field so that updates to it would be reflected on the selected link in the Element tree.

  • [*] Fresh UI enhancements.

    Have a great day!
    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 & Support Manager
    122 posts

    Happy Friday!

    Site Designer 3.0.2827 is now live!

    Main new features and fixes:
    • A reinvented Page Manager. Move pages around, configure page meta data, add Favicon and more from the Page menu icon.
      https://sdrive-storage.s3.amazonaws.com/tutorials/5b92c7431e57c3/54068309/page-manager.png
    • Fresh typography controls added for Container elements.
    • Added 3D controls for perspective

    Enjoy!
    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.