Home › Updates

Updates

Clients can now create responsive IFrames

 January 4, 2017
by Flavio Mester

Previously, YWD required you to enter a width in pixels for IFrames created with our IFrame tool. That’s not necessary anymore. When creating an iFrame, simply leave the width field blank and the IFrame will assume a width of 100% and automatically resize to the full width of its container.

This way your IFrames will be responsive.


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

 

  

Tweaking the text size on mobile, specifically for the Home page

 January 4, 2017
by Flavio Mester

Mobile-specific overides
Mobile-specific overrides

Designers often want to set the Heading 1 text bigger on the Home page. You can do so in Design > Text > Text, advanced (2) but the text may then look too big on the mobile Home page. You can now override that setting specifically for mobile; the new option is available in Design > Text > Mobile-specific overrides.


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

 

  

Google Search results issues fixed on latest framework

 January 3, 2017
by Flavio Mester

Google search results
An example of Google Search results on a website built on the latest YWD framework

Websites built on our latest framework that use Google Search now have the results text properly aligned, and with line spacing issues fixed. Also, the results links colour matches the colour defined for the website links.

 


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

 

  

Embedded YouTube and Vimeo videos are now automatically responsive

 January 2, 2017
by Flavio Mester

Although all websites built with our latest design framework are inherently responsive / mobile-friendly, the embedding code provided by YouTube or Vimeo uses IFrames, which have a fixed width. As a result, videos would “blow up” the page layout when viewed on mobile.

To address that, we have implemented code that automatically resizes any videos – regardless of whether the Embed Code or the YouTube / Vimeo tools were used – to the maximum width of their container, whether they’re embedded in the main column or a sidebar. This way they’ll be displayed at their maximum dimensions on computers and tablets, but automatically “shrink” on phones. And for situations where you would prefer the video to appear smaller even on computers, you can limit the width by specifying one in the Advanced options of the content block.

 


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

 

  

Automatically inserting the current year into the copyright notice

 December 26, 2016
by Flavio Mester

Websites built with our latest framework are set to automatically insert the current year into the copyright notice at the bottom of the pages.

For instance:

Copyright notice

In the example above, the following settings were used for the Copyright notice in Design > Layout > Page bottom:

Copyright notice settings

Notes:

  1. You can have just the current year followed by the text (rather than a year range) if you prefer. To do that set the “From” year drop down to “current year”. That’s the default for new websites.
  2. If the “From” year is the the current one, just the year is shown (rather than a year range).
  3. The © symbol and the hyphen (in case a year range is shown) are added automatically by 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

 

  

How to set up a tooltip

 December 23, 2016
by Flavio Mester

Move your mouse over the image below to see an example:

Your Web Department
A tooltip applied to an image

How to set up a tooltip

  1. Set up the link as usual, specifying a target if needed.
  2. Select the Advanced tab and type in the tooltip text in the Advisory Title field.
  3. Then, to make the tooltip moe prominent, type tooltip in the Stylesheet Classes field.

Tooltip set up


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

 

  

How to launch pages and YouTube videos into responsive light boxes

 December 23, 2016
by Flavio Mester

Lightbox
A lightbox example

It’s possible to launch a page into a floating box that will “hover” above the regular page of your website, also known as a “lightbox”. For instance, you may want to link to a page of another website or even a different page of your own showing promotional content, while the current page of your website is kept "underneath". That's different from linking to a blank (new) browser window or a even a regular popup window.


Note: this information applies only to more recent websites, based on our display framework v2 and up. Older websites please refer to this page.



Launching a website into a lightbox

You can use this feature to launch a page of your own website or from another into the floating lightbox window, launched from a link:

Click to launch a website into a lightbox 

Another application would be a glossary in which each term is a separate page (probably hidden from the normal navigation) that will appear in a floating box when you click its respective link. The possibilities are varied.

Creating a Lightbox

  • Edit the Word Processor content block where you would like to link to the lightbox content. You may load the lightbox content either using an internal link (i.e. a page from within your website) or an external link one (i.e. a page of another website).
  • Now select the Advanced tab of the Link Properties and type the word lightbox into the Stylesheet Classes field:

lightbox class

That's it. The destination link will be loaded into a floating layer that will seem to float above the content underneath, which will be covered by a semi-transparent mask. People then can either click the "X" button or anywhere outside of the lightbox area to close it.

Notes:

  1. The lightbox window is always 800x500 regardless of the content inside. They are responsive. For instance if your website is being viewed on a phone the lightbox will “shrink” automatically to fit within the small viewport.
  2. When loading a page from  within your own website into the lightbox, you can use the Special tab of the destination page to hide some of its elements. You may also add arguments to the link in order to hide certain elements without affecting the page itself.
  3. The lightbox can be launched from any link, not necessarily text –you could use an image, for instance.

Launching a YouTube video into a lightbox

On YouTube, click the Embed option below the video and copy the text between brackets indicated below:

Embedding a YouTube video

Paste that into your link in YWD, and type lightbox into the Stylesheet Classes field as explained above. That’s it.

Click to launch a video in a lightbox

 

 

Need a great website? Contact us

 


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

 

  

Creating responsive multi-column forms

 December 19, 2016
by Flavio Mester

The Forms Manager tool included in our latest framework allows clients to easily create responsive, multi-column forms. Although typically you will prefer to simply stack the fields vertically, there may be instances in which laying them out side by side could be useful, like on the example below. In those cases, when adding the form content block to a page, select the block’s Multi-column option and the system will try to place the input fields side by side if it can.

For instance:

Multi-column form on computer
Computer view

 

Mobile view
Mobile view

 


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

 

  

New responsive carousel image gallery

 December 18, 2016
by Flavio Mester

Chagall | Three Acrobats Chagall | Three candles Chagall | Chloe Chagall | Creation Chagall | Village life Chagall | Flowers and lovers Chagall | Gallo Chagall | Lovers at Midnight Chagall | Lovers in the Lilacs Chagall | Self Portrait Chagall | Song of the Rooster Chagall | Tenderness Chagall | The Fiddler

A carousel image gallery. Click the thumbnails to navigate.

The new Carousel in place style of our Image Gallery tool embeds the slideshow of your images into the page, and places thumbnails underneath. People can navigate using the thumbnaisl and/or arrows, as well as switch to a full-screen mode. To add captions, simply type them in the Description field of the images in the Assets Manager.

For more information and a working example please check out this 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

 

  

Responsive image galleries for new YWD websites

 December 15, 2016
by Flavio Mester

Image gallery
An image gallery, viewed on a computer or tablet

Gallery on mobile
The same gallery, viewed on a phone

Image galleries can be a very effective way to display products, services, events and more. Our new framework allows clients to easily build image galleries that look great on all devices – computers, tablets, phones. We offer different ways to lay out and interact with the images, with more to come in the future.

Check out these Help pages for more information:

Note: these options are only available for websites built with our latest framework

Intro
How to set up image galleries

Simple slideshow in place
This style inserts a slideshow of your images into the page. It comes in 2 “flavours”: with/without captions and navigation.

Horizontal thumbnails lightbox
In this style, people can click any thumbnail to launch an overlay above the website underneath, a popular effect known as a “Lightbox”.

Masonry layout lightbox
This style automatically creates a grid layout for the gallery. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

Masonry layout, links to pages
This style automatically creates a grid layout for the gallery, similar to the Masonry layout lightbox style. Here, however, once you click an image, it launches the link associated with it.

 

Need a great website? Contact us

 


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

 

  
« 1 2 ... 4 5 6 ... 22 23 »
 
Top of page