Home › Updates

Updates

New: ability to switch the YWD display code version

 February 25, 2016
by Flavio Mester

CSS version

The version of core CSS files and some elements of the YWD display code can now be changed directly from YWD Designer under Tools/Advanced/External libraries. The latest version – v1.1 – is the default for all new websites created from now on.

This will enable us to implement display code changes without affecting other websites already in the system.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Minified CSS files for faster page rendering and content delivery

 February 25, 2016
by Flavio Mester

Rocket

Our core style sheet libraries have been minified/compressed to reduce download time. And more files in our system are now being loaded through a CDN (Content Delivery Network) for greater speed and reliability. In addition, certain legacy files are not being loaded by more recent websites anymore, thus increasing YWD’s performance even further.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Setting up pages of stationary, fluid websites with full width, responsive background images for content blocks

 February 25, 2016
by Flavio Mester

Stationary, fluid websites where specific blocks of content display a full width background image or colour are very popular. They are often used on Home and landing pages to break long stretches of content into sections, establishing a visual hierarchy and making the overall design more interesting. Here is an example from our of our clients:

Walden Homes

Until now, setting up a page like that required that you place all contents in the Header section of the page – which can extend the full width of the browser window but isn’t showed on mobile devices, causing you to create duplicate blocks for them. You also had to add quite a bit of custom CSS code, as well as set up several Designer settings in a certain way.

But you don’t need to do any of that anymore. A new option in the Page Properties allows you to specify the Page template, one of which allows the background images (or flat colours, if specified throough an autoformat) applied to content blocks on the page should extend the full width of the browser window.

How to do it

Assuming that your website uses the Stationary and fluid navigation style, edit the Page Properties e.g. the Home page and in the Special tab change the Page template setting from "Default" to "Full width content block backgrounds".

Full width settings

That’s it. After you do that, a content block like this one, with a background image applied to it and set to stretch...

Content block

... will loook like this:

Content block

Notice that although the background of the content block now extends the full width of the browser windoe i.e. beyong the page width, the width of the lines of text inside the block are still automatically limited by the overall page width. This way you don’t need to resort to tables (which are not responsive to mobile devices) or custom CSS specific for computers and mobile to limit the width of the text.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Complete flexibility for content block backgrounds, no coding required

 February 24, 2016
by Flavio Mester

Autoformat options
Autoformat options

Previously when you wanted to apply a background image to a content block and have it fill up the whole block, you had to either place the content block in the Header area and set the headers to stretch in YWD Designer (which might not be exactly what you had in mind) or add custom CSS code (which we always try to avoid here at YWD).

Now, for both the Default and each of the 5 box styles available for content blocks, you have the option of stretching the background image, if one is being used. You can also use a small image and have it tile automatically.

Background image applied to content block
A stretched background image applied to a section of the page

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Fixed: floating issues caused by side by side blocks

 February 17, 2016
by Flavio Mester

Side by side blocks
Side by side blocks

Previously, if you had side by side blocks followed by a regular/stacked block and you wanted to visually add some vertical space in between, you had to insert an empty block after the side by side blocks in order for the side by side blocks’ “float” to be cleared and the Top margin value reflected.

This issue has been solved.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Horizontal margins and width options for mobile content

 February 17, 2016
by Flavio Mester

Mobile width
Horizontal margins and width options for mobile content

The YWD website creation platform allows you to determine the width and margins of individual content blocks. Typically you will do that when laying out blocks side by side. However, when the website is being viewed on a phone, you will likely want them to appear “stacked” – a staple of responsive design.

A setting in Design / Mobile devices / Phones / Banner & content now includes 3 options where you can determine how to handle the width and margins of content blocks when the website is viewed on mobile:

  1. Always stacked, full width: a new option, and the default for any new website. It will automatically extend the block to the full width of the mobile viewport – regardless of whether it’s a regular phone like a “plus” model – even if the blocks are set to appear side by side. Vertical margins are observed, so they can be kept apart.
  2. Ignore margis, limit widh: horizontal margins are ignored. If the width specified for the block is smaller than 300px (a typical phone viewport) then it will be observed; otherwise 300px will be used so the content doesn’t “blow up” the layout on mobile.
  3. Use computer view settings: the same width and margins used on computer will be observed. That can be useful on websites created exclusively for mobile.

Please note that existing websites will not be affected, unless you explicitly change that setting.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Higher availability and performance

 February 9, 2016
by Flavio Mester

Your Web department has initiated the process of migrating some of its core static files e.g. cascading style sheet documents to a CDN (Content Delivery Network). This will allow us to serve website content with even higher availability and performance.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

 

 
Top of page