Home › Updates


Fancy schmancy menu style for mobile

 April 10, 2013
by Gustavo Jabbaz

So you use the Facebook app on your mobile and wanted to be able to have a similar navigation style on the mobile version of your website in YWD? Well, you can now. In YWD Designer / Mobile devices / Smartphones / Navigation there’s now another option for the “Main navigation style for mobile” setting. It’s called “Vertical, sliding pane” and will do something similar to what’s shown below.

When people tap on the navigation icon on the top left...

...the whole page slides in to the right, revealing the navigation:

Tapping on the icon again or on the content, slides the page back into position.


Mobile display improvements

 April 5, 2013
by Gustavo Jabbaz

We've revised our mobile display code. We were able to get the portrait view of the website to be centred with pixel-perfect precision, and also to automatically scale to the full viewport width when the phone is turned sideways without the need to manually reposition the page.


Lucida font on mobile

 April 2, 2013
by Gustavo Jabbaz

Although the Lucida font is standard on both Mac and Windows computers, it's not included with the iPhone. So we're using Helvetica as its replacement there as opposed to Verdana, as the former is visually closest to Lucida than the latter. Computers and tablets are not being affected by this change.


New navigation options for your mobile website

 March 30, 2013
by Gustavo Jabbaz


New navigation styles are available for the mobile-optimized version of your website in YWD. In addition to the horizontal navigation bar with buttons for the topmost level, you can now have a vertical dropdown menu that slides down when people tap a single button, placed on top of the mobile website's banner. The single button can either be labeled "Menu" or simply display an icon -- 3 short horizontal bars, a common image used by many apps and popular websites like Facebook to indicate menus on mobile devices.

The new styles provide a modern and convenient way for people to navigate your website on their mobile with a single touch, while saving screen real estate at the same time.

You can select the colour of the button as well as the text size of both the "Menu" label in the button (if applicable) and the dropdown menu links. You can also specify the distance of the button from the top of the mobile viewport (shifting it up/down so you can position it exactly where you want above your banner) and even the width of the dropdown menu, which can be handy if you have long page names.

More menu styles for mobile to follow.


Windows Phone now supported

 March 25, 2013
by Gustavo Jabbaz

If you have a mobile-optmized version of your website, it will now be displayed on Windows phones


Generic button for the mobile-optimized version

 March 18, 2013
by Gustavo Jabbaz

 Previously, YWD allowed you to add two buttons to the bottom of the mobile-optimized version of a website: "Call us" and/or "Show Google Map" (for both of which you could customize the label, colour, etc.). Now you can also add a generic button. You can specify the button label, the colour, the URL to where it should link when clicked and whether it should launch it on the same browser widow or open a new one.


Writing CSS code specifically for mobile

 March 18, 2013
by Gustavo Jabbaz

If you're experienced with CSS (Cascading Style Sheets) you can now add a few classes specifically for when the website is viewed on mobile devices. You may enter your code in YWD Designer / Tools / Advanced / Custom CSS, into the "Custom CSS code specifically for mobile" field. Please note that this option is reserved for experienced designers. Also, the field is limited to just a few lines.


Blog tool: manually selecting categories

 March 17, 2013
by Gustavo Jabbaz

You can now select which category to display in a blog content block. This allows you for example to have an instance of your blog in a section of your website containing only posts that relate to it, without having to create separate blogs altogether.

When adding or editing a blog content block, you now have three selection mode options at your disposal:

  • Automatic: all posts are displayed.
  • Manual (individual posts): allows you to pick specific posts by their titles.
  • Manual (individual categories): allows you to select

You can select multiple categories using Cmnd-click (Mac) or Ctrl-click (Windows)


New, cool 'Top of page' widget

 March 5, 2013
by Gustavo Jabbaz

If a page has a lot of content and people have scrolled to the bottom, it's always a good idea to provide an easy way for them to quickly scroll back to the top. Although YWD Designer already has an option to insert a 'Top of page' arrow in the content area (along with a 'Printer-friendly' icon, etc.) it now offers a new, slicker way to do that.

In YWD Designer / Social media & widgets / Other widgets / General purpose, the 'Top of page' arrow dropdown has now a new option: "Automatic, bottom right of long pages".

If selected, YWD will automatically display a semi-transparent button at the bottom right of the pages whenever people scroll down a certain amount of pixels. When the arrow is clicked, they'll be taken back to the top of the page and the button disappears again. And if you have the "Smooth anchor scrolling" option turned "on" in YWD Designer / Layout / Page / Advanced the page will gently "glide" back to the top.

To see an example of this new feature in action, visit our blog. Scroll down a bit and you'll see the arrow button fade in on the bottom right of the browser window; click it and you're back to the top of the page.

Note: you can also tweak the distance of the arrow from the bottom of the page. That's useful especially if you're using a wide page bottom -- which might hide the arrow -- in which case you may want to to increase the arrow distance.

« 1 2 ... 21 22 23 24 25
Top of page