Home › Updates

Updates

Responsive design: preventing specific images from being manually resized

 July 25, 2018
by Flavio Mester

 

NoImgResizeThe NoImgResize content block option

By default, our editor will automatically fill in the Width and Height of an image when it’s inserted into a content block. However, sometimes you may not want that. For instance, you may have a very wide image which would appear distorted on mobile. That’s because although we limit the width to 100% of the viewport – so the image doesn’t “break” the page layout – the height in this case is written as inline CSS, which takes precedence, causing the image to look “squashed”.

Although YWD Designer has settings that allow you to remove the Width and Height from blog post images (active by default) or content images (inactive by default) those are applied globally. And while it’s possible to remove those vaues in the editor manually – in which case the image will resize responsively – it’s not always realistic to expect the end users to remember to do that.

By setting up a content block to use the new NoImgResize class, the system will remove the Width and Height values from any images it contains, immediately prior to rendering the page, thus allowing them to resize responsively regardless of their sizes.


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

 

  

Displaying icons on the main navigation

 May 31, 2018
by Flavio Mester

Our system now allows people to insert small Goggle Material Design icons into the main navigation of their websites. Here’s an example:

Navigation menu

How to do it

It’s very easy and requires no coding.

First, go to this page, which lists all available Google Material Design icons. Click the icon you want to use for the page, then click Selected Icon and copy the name of the icon.

Material Design icons

Now go to the page on the YWD back-end and click Edit page properties. Select the Special tab ans paste the name of the icon. Save your changes, and that’s it! Enjoy.

Page properties

 


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: blog summary posts with narrow widths on mobile

 April 18, 2018
by Flavio Mester

Specifying a box width in pixels for an autoformat style and then assigning it to the blog summaries caused the posts to look “narrow” when viewed on wider mobile phones e.g. an iPhone 6 plus. This has been corrected so that all blog summaries and their pictures now “stretch” to the full available width when viewed on mobile (480px wide or less).

Blog summaries on mobile

Blog summaries on mobile

 


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

 

  

The new release of our website builder now creates 100% WCAG 2.0 (Level A) compliant code

 April 11, 2018
by Flavio Mester

WCAG 2.0 (Level A)

Our public website is WCAG 2.0 (Level A) compliant.


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: mobile display of mixed navigation websites

 April 5, 2018
by Flavio Mester

Websites that use a mixed naviagtion – cascading menus for the main horizontal navigation, and also a left sidebar for pages with “children” – used to display a much larger margin above the main content when viewed on mobile. The issue has now been corrected so the margin is now consistent across devices.

Mobile display


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

 

  

More flexibility for when websites pages are printed

 March 21, 2018
by Flavio Mester

Our websites now include a revamped print style sheet that automatically hides navigation, social media buttons and a few other elements from the printed page. In addition, you can now hide specific content blocks from the printed page.

Te new HideFromPrint custom CSS class prevents the content block from being printed. For instance, you may have a YouTube video or a slideshow that you would rather not appear when people print the page from their web browsers.

To do so, simply select it in the Custom CSS class(es) dropdown in the Advanced options of the content block. It can be used in conjunction with other custom classes, and will be ignored when the page is displayed on the screen.

Hiding content from print


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 'Tabs across the top' content sliders

 March 20, 2018
by Flavio Mester

Our Tabs across the top slider style has been updated. Using a minimalist interface, it is now fully responsive in our latest display framework, and can be used on any device. For more information please refer to this Help page.

Tabs across the top


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 rounded square, Google Material Design-style social media 'follow us' buttons

 March 5, 2018
by Flavio Mester

Material Design buttons

Selecting rounded square buttons

Social media ‘follow us’ buttons linked to the social networks where you have a presence can be useful in increasing the number the followers, and ultimately generating more business for you. Our system allows you to simply paste the URL of your networks into the Design settings of your website, and the buttons will be automatically inserted into every page – at the top, bottom or both.

We’ve now added 2 more styles for the buttons – rounded squares, either in colour or b&w – with an appearance that matches Google Material Design elements. Different sizes have also been included, for total flexibility. These options are available in Design > Social media > ‘Follow us’ buttons.

You can see the new buttons being used at the bottom of this page, as well as in our own public website.


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 animation styles for content blocks, images, etc.

 February 27, 2018
by Flavio Mester

Animation Styles

Animation style classes available for content blocks

New animation styles have been implemented, allowing designers to apply them to content blocks from the Advanced options of the content block without coding. You can also apply them from within the Word Processor editor e.g. to an image. In that case, use the Stylesheet Classes field in the Adanced tab of the Image Properties.

Notes:

  1. If the whole page is set to use an animation effect – an option available in YWD Designer – animation effects applied to content blocks will be ignored.
  2. For a list of all the animation styles as well as additional CSS info, 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

 

  

Forms: all text fields are now responsive

 February 20, 2018
by Flavio Mester

Previously, if you created a text field in our Forms Manager tool that was too wide to fit within a smaller container e.g. a right side bar or the mobile viewport, the field might “protrude” beyond the page layout. That required users to either create duplicate versions of the form or to severely limit the width of text fields, especially because of mobile.

That has been fixed for websites built on our latest framework: the front-end display of all fields – including <textarea> fields – is now automatically limited to 100% of the available width.


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 3 4 5 ... 24 25 »
 
Top of page