Designers’ blog

by Flavio Mester
Chief Designer
Your Web Department

twitterFollow
ywdtips
on twitter

July 2010

The NEW YWD is close, very close...

Jul 21, 2010 7:32 PM
Flavio Mester

A completely revamped user interface. Faster, easier. New features too. It's just a few days away, currently being tested and tweaked.

It's very exciting!

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


Removing the automatic linking to the Home page from banners and the navigation bar

Jul 16, 2010 7:23 PM
Flavio Mester

By default, YWD automatically links the page banner and the horizontal navigation bar – if you click on the bar itself, not the buttons – to the website's Home page (unless you're already in the Home page itself). However, since YW allows you to use the banner and navigation in different ways, there may be instances where you don't want that behaviour.

For example, you may have a banner that's a Flash movie with buttons that link to different pages so you need to prevent YWD from taking people to Home when they click anywhere on the banner.

  • To modify this behaviour for the banners go to YWD Designer, then:
    Images tab / Banner links to Home: change the "Yes" default to "No".
  • For the horizontal navigation bar:
    Advanced/Horizontal nav./Bar links to Home: change from "Yes" to "No".

If the element is linked i.e. clickable, a hand cursor will appear when you rollover it.

Layout, YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


TechTip: hiding specific elements of a page

Jul 14, 2010 3:34 PM
Flavio Mester

Sometimes it may be useful to hide parts of a page,. For instance, you may have a link in the text that will launch another page of your website inside a popup window. But in that popup you'd rather not show the navigation or the footer for that page (which otherwise is a regular page of your website.)

You can now achieve that by adding some arguments to the URL of the page you're linking to.

For example:

These are the arguments we've made available to designers/developers so far:

&nobanner - hides the banner
&noleftnav - hides the left (vertical) navigation
&nonav - hides all types of navigation from the page (top, main, left, bottom)
&nofooter - hides the whole footer area
&maincolblocks - hides the banner, navigation, footer, breadcrumbs, page background and sisplays only the content blocks in the main column

The arguments can be combined so for instance if you need to hide just the banner and the footer, use &banner&footer

Layout, YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


New design customization options for the Catalog tool

Jul 12, 2010 9:16 AM
Flavio Mester

A sub-tab called "Catalog" has been added to the Advanced tab of YWD Designer. It contains new options that allow designers to further customize the look and feel of catalogs:

Products list options:

  • List background colour: a background colour for the whole list
  • Cell border (horizontal/multicolumn lists only): you can change the colour of the grey hairline that divides each cell by default, or hide it altogether
  • Row divider (vertical/"stacked" lists only): you can add a horizontal line separating each row, it any colour
  • Heading style: pick any 1-6 heading style to be used for the product names, instead of standard body copy. You can combine it with Auto formats applied to the heading style, of course

Product details options:

  • Details background: a background colour for the whole product details area
  • Details border: you can change the colour of the grey hairline that appears around the whole product details are by default, or remove it altogether
  • Heading style: pick any 1-6 heading style to be used for the product name. You can combine it with Auto formats applied to the heading style, of course

Layout, YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


YWD Designer interface facelift

Jul 5, 2010 1:02 PM
Flavio Mester

YWD Designer

YWD Designer has been modernized and brought more along the lines of YWDv3 (due late this month). Among other changes:

  • YWD Designer now opens in a much larger window, taking advantage of greater monitor resolutions that are now standard
  • All text and fields have been modified so they're more legible
  • All screens are cleaner and better organized visually
  • More appealing icons and navigation
  • New Inspiration widget (top right of the interface, along with Resize, Grid and Overlay). It will be constantly updated with useful links to Colour tools & utilities and more


Notes:

  1. All these changes are intended to make the user experience with YWD Designer more enjoyable. But they do not modify the websites themselves in any way.
  2. Additional options for YWD Designer are in the works and will be available within the next few days.

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share

June 2010

Adjusting the left navigation indentation

Jun 27, 2010 7:09 PM
Flavio Mester

You can now specify the amount of left indentation to be applied to the left navigation sub-links. As in other vertical navigation settings, you may choose to either cascade it from Tier 2 into subsequent levels or to enter values for Tiers 2 and 3 independently.

Leaving the indentation fields blank will maintain the default YWD behaviour unaltered i.e. a 10px indentation (starting on Tier 2 for vertical navigation layouts and on Tier 3 for mixed horizontal + vertical layouts).

Layout, YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


Restricting URLs from Google Search results

Jun 15, 2010 11:52 AM
Flavio Mester

OK, this one may sound a bit geeky and it might be (internally). What it means is that we've implemented a way to stop certain URLs from showing in the results list when people search your site – if you're usingthe Google Search tool, of course.

That can be handy if you'd like to prevent the search from returning results from old or internal sub-domains of your site, for instance. You simply enter the URLs you would like to restrict into the new field we've added to the Google Search tool.

And if you need to stop more than one URL from showing on the list, simply separate them with commas.

One site that has Google Search is already making use of that feature, www.cst.org

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


Custom background images for auto formats

Jun 10, 2010 4:52 PM
Flavio Mester

You may now assign images to be used as backgrounds for any of the 3 auto formats. Use this feature in order to apply a background image with the regular content overlaid on top of all content blocks, for example.

The image can be semi-transparent -- by using a PNG with alpha transparency. This way you can have semi-transparent boxes of content "hovering" above a content or page area background image.

At this stage the background images will always be tiled automatically and fill up the whole element. Other tiling options will be added in the future.

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


Auto formats / Border width

Jun 9, 2010 4:51 PM
Flavio Mester

The borders assigned to any of the 3 auto format "boxes" can vary from 1 to 10px and from then up to 100px in a 10px increment.

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share


Custom Google Search button

Jun 7, 2010 4:50 PM
Flavio Mester

You can now use a custom image instead of the "Search" label used by the Google Search tool. It must be a 30x20 pixel image (GIF, JPG or PNG).

Upload it to the Assets Manager, and then in YWD Designer / Advanced / Custom images click the "Google Search button" option to select it.

Useful for bilingual sites that have search capabilities. This way a language-neutral image can be used.

YWD updates   Return to Entries  Add Comment
  

Bookmark and Share

« Previous Entries

 

 
 
 
 

[Login]

RSS Feed