1 em is what that screen displays as the "default" or "normal" (usually 16px ) – and 1.1em is 1.1 times that, and 1.2em is 1.2 times that, etc. What looks readable to you could look very different to someone else – especially if they're viewing your site on their phone.Įms (pronounced as you would say the letter M out loud), on the other hand, are scalable units that respond to screen size. The text size that looks right on your screen, when sized in px, will display differently on other screens. Why? The short explanation is that different screens display pixels differently screen resolutions vary, but pixels are inherently inflexible. However, there's a secret web designers know about sizing in px: px will not look the same on different screens. Almost all default text in Squarespace is sized in pixels (abbreviated px) from the get-go. You're probably familiar with pixels – those units of measurement that indicate the height and width of images and other objects on screen. Set letter spacing to 0 in your paragraph font style section! Not a good first impression to make! → Lesson: Avoid spacing your body text out in order to be more reader-friendly.
Truth, here: When we see sites using extra spacing in body paragraphs, it's an immediate sign to me that the site creator doesn't really care about making their content thoughtful and user-friendly. And that's a turn-off that affects your reader retention rate. Spacing out your body text makes readers' eyes work extra-hard. Why is this a bad idea? Because readers' eyes tire out more quickly when they're reading from a screen than when they're reading from a page. This means the body text has extra space between the letters – something common in print and traditional design, but a Very Bad Call for web-only design. Here are five newbie web design mistakes you're probably making in Squarespace – and what to do about them:įor some reason, some Squarespace templates use body text that's tracked out as the default setting.
RESIZE IMAGE SQUARESPACE HOW TO
So that's what we're doing today: Highlighting some common mistakes that hurt first-time web designers' websites and showing you how to fix them. Unfortunately, all those newbie mistakes can add up to really hurt your site performance.īut the good news is that many of these mistakes are easy fixes. This is to be expected – there's a learning curve any time you launch into a new field. Many Squarespace users are total newbies to web design – and make some very newbie mistakes. In short, Squarespace empowers you to take control over your web presence – and we're all about empowerment. As we like to say: If you can use Facebook, you can use Squarespace. It's more flexible, better-looking, more responsive, and more customizable than any other platform we've used (and we've used a lot of them!). Why? Because it allows anyone to create a website – no coding needed.
0 kommentar(er)
