Hey, wanna test something?

User 103173 Photo


VP of Software Development
0 posts

We have been tweaking the HTML markup that Visual Site Designer generates so that your websites can look as identical as possible on Windows, Macintosh, and Linux systems. The hurdle we’ve had to overcome is that each operating system renders fonts and text a bit differently. To adjust for that, we switched from writing font sizes in PT format to PX format.

From our initial testing, everything looks great. It also now corrects issues involving increasing your browser font size, too (YEAH!) What I need is for a few people to test this on their site to make sure there’s no unforeseen consequences of this change.

If interested, drop me an email: scott@coffeecup.com
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,271 posts

So is it my imagination or does the text render a little sharper? Everything looks good. Some pages that I had a lot of text on render more accurately to the design screen in VSD.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

By using PX instead of PT, most likely. ;)

Another good thing is these sites now look the same on a mobile device too....
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 555827 Photo


Registered User
7 posts

Hey, that worked for me. No more jumbled fonts!!!!

Bill Belanger
User 103173 Photo


VP of Software Development
0 posts

Awesome!! Any one else care to help us out and test this update on your site?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 555827 Photo


Registered User
7 posts

Well I tested the beta and all my jumbled fonts are rendering fine in the three browsers I had issues with. Fantastic! Thanks Scott...

Bill
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

The change to px seems the right thing. The text remains sharp, even if enlarged by Ctrl+. In the current stable version of VSD the text became pixelated and unsharp if enlarged many times.

As to overlapping: In FireFox, if the text box you draw in VSD has some extra space on the right side, you can enlarge a lot before it starts wrapping. But if the text box is just as wide as your text, it will wrap, and text boxes below each other will overlap if enlarged beyond a certain point. The page width remains the same because of the wrapping.

In the other browsers I tested (IE, Safari, Opera, Chrome, all latest stable versions) the text did not wrap nor overlap, even though the drawn text box was exactly fitting around the text. But the page width was increased because everything was pushed to the right when enlarging.

For this test I scaled up the text quite a lot (and in Opera it seems you can go on forever). In real life I don't know if such a lot of scaling will ever be necessary.

In all five browsers I tested with some text and a shape it displayed exactly the same. Even in Chrome, which usually renders things a bit larger than the other browsers.

I tested the new version on my desktop pc (win7/64) while having the current stable version on my laptop (Vista) for comparison.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 271657 Photo


Ambassador
3,816 posts

Just had a look at my site in IE9 :o Are you still accepting testers?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 103173 Photo


VP of Software Development
0 posts

paintbrush wrote:
Just had a look at my site in IE9 :o Are you still accepting testers?

I sure am. Just drop me an email.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 271657 Photo


Ambassador
3,816 posts

This is great!!! :D Even looks normal and zooms just fine in IE9.
Did something else in the code change besides the pts to px? My site loaded super fast, as well as all the pages - even the form popped right up, no waiting. It was faster in every browser I tried, not just IE9 :D

Thanks so much for making these changes!!!!! :)
Callie
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.