Oh hohoho I’ve been waiting for something like this. Bitchiness well reserved. This was one long anonymous comment left on my May self-destruct without warning regarding the blogdesign post. Great start.
The maximum width of a blog must be 1024pixels. This means with a sidebar size of, let’s say, 250px – image width should not go over ~750 px.
NO!!
There is no maximum width. There is just no sense in that. Point is to use percents instead, which is the correct way.
I’ve been using 1920 or 2560 pixels wide screens for years – and even larger ones with virtual desktops spanning several monitors.I really HATE pages/blogs designed for just one predetermined width, which is ALWAYS small. It wastes real estate on my screen, but if authers would use percents instead, everything would be much better.
ALL webdesigners have to design for 1024 x 768, it’s the first thing you learn in webdesign. your 1920px or 2560px is a spreadout from a basis of 1024px design. Many designers will design to 100% so that it fills up any screenspace – with repeating background or increasing content width, but they will always start with 1024px. In the case of blogs they will always have a set width for pictures. Look at ANY renowned blog for clarification. Look at the best Graphic Designer’s portfolio for clarification.
Also, if you have a chance, view your blog from a smaller monitor
Hello? You can resize the browser window.
Enable your browser or window manager to show the dimensions when resizing so you don’t have to guess.
Do you think people know how big 1024 is when they’re using a 1440 x 900 screen? Obviously they can reset their resolution – isn’t that common sense? I’m not writing a How-to BlogDesign for dummies.
Nevertheless, it’s always good to see your blog from a physically different screen to check the colour and size. If you did all your design work from one screen with no cross checking then you won’t even know of your own screwups, and trust me they happen. It’s also recommended to cross-check between browsers – IE, Firefox, Safari…etc.
Asking your visitors to click on every image to enlarge is a huge imposition
Is NOT.
Always make images as large as possible but also allow users to click on each one to open it in full size as they please.
Using full page width for images is just fine – actually you don’t have to care about that. Just insert the images as a list, not a table or separated by page breaks so the browser shows them side-by-side and flowing down when it hits the maximum width in resolution.
OR use javascript to autoscale images – downside is that user needs to have javascript enabled (most do..) and the result image could be fuzzy on smaller screens.
is TRUE. Do you actually read fashion blogs? Most fashion bloggers don’t have javascript enabling function or the knowledge to operate one. Fashion blogs are image heavy, would readers want to enlarge every 250px-wide image? Making such images flow side by side is complete negligence of grid as well. The characteristic of a fashion blog will never call for such a image placement anyway.
Automatic Background Music
Well that would be dumb, but usually it also requires javascript to function – which sadly most normal users don’t turn off by default.
So why are you telling me this? You agree that automatic background music sucks.
The comfortable number of words across a screen is..
.. whatever the user/reader wants it to be. Don’t be the judge on how your content is to be consumed, just provide it and let people use their own taste.
I clearly stated this list is an advice, take it or leave it. There are no rules. But if you had one class of serious typography class you’ll realise all print rotates around the number of words across a column/screen/page. Count the words on a line for any book, magazine, newspaper – they NEVER exceed 16 (+-2) unless for creative reasons. Count your notes from school on a standard A4 portrait notebook, they probably don’t exceed 16 either. (Obviously unless you write tiny.) It’s not my taste, it’s the global typographic understanding of taste.
If your paragraphs expand across the whole screen…
See? I WANT text to flow from left to right, cover my whole screen or two, sometimes three.
No comment.
to remind you to put yourself into the reader’s shoes
Put yourself in my shoes – or ask proof from other expert users instead of casual web navigators.
‘Experts’ like yourself can skip along to more ‘serious’ things like acquiring a taste.


To the person that calls them self ‘pro’:
I can deduce from your comments that you seem a bit of a snob. sorry. no better word than that. The suggestions made in the post is advice. Considering the width of body text on the layout apart from being a taste issue is also an issue of functionality. Having the courtesy of making your website most accessible to others is a pretty basic thing; making the information easily accessible to the reader so that they can do the minimum legwork to get the most out of the material on your website be it images and text. Its like selling a product or yourself to others, within a few minutes, seconds even you have already made a decision on whether or not something is right for you or if you’ll interact well with a person. Websites are the same. You see a block of chunky text, badly laid out, images obnoxiously large, images take too long to load due to size.It isn’t particularly appetising and i’m sure most people would agree that they edge the cursor towards the the x box as a result.
Lastly not everyone owns a larger screen. Being able to afford high end technological bits and bobs or designer garments does not automatically buy you taste or mean that you have a greater perception of how things should look to appear attractive.
enjoy
Reply
Screw ‘em. LOL. Anyone dedicating that much to what you’re doing wrong should be getting paid for what they do. Methinks this one doesn’t.
Reply
WOW.
Like, WTF. Who cares? You just gave advice from your background.. if they want to contradict everything you say, then they should just start their own blog and write all that shit on there. Dumb. Ass.
I wonder how many friends they have.
Reply
yeah, just ignore these kind of comments, it is really not worth your energy and time!! I for my part, as a blog starter with no actual clue of basic design rules, thought that your advice was super helpful!! so thanks for that!!xx
Reply
Most of those responders clearly fashion themselves design savvy people and are just upset that you pointed out flaws that occur in their blog’s aesthetics.
Don’t listen to them. Not everyone can have good taste.
Reply
this is just to good to be true hahaha brilliant!
Reply
Haha, I love this guide, and I also love the rudeness in some of the comments. :)
But, is it just on my screen that some of the text in this post disappears outside of the layout? o_o
Reply
…Why would you want your text to spread across the WHOLE screen? Wouldn’t that look like one of the screens from The Matrix??
Reply
LOL ridiculous!
Reply
lol xD …
Sometimes I think people like this were put on this planet purley for the amusement of others in situations like these. It makes me laugh how someone can be such a dumbass because even I, who have no sort of expertise in this sort of stuff, can see that what you are saying makes sense once you have explained it.
I suppose it must be common though for a persons love of multiple monitor useage to get them so wound up that they must falsely pull apart an entire post.
Ha! Sad ass.. x
Reply
hahaha. that was flippin awesome.
Reply
I am still LOLOLOLOLOL.
Reply
From a graphic designer’s view point, I found your attempt to bettering the website/blogging community quite hilarious. More so now that you’ve successfully teetered a lot of other people’s set opinions about design. I think this is almost as equivalent to that time when one man insisted that the world was not flat. Well, I’m sure he wasn’t eating with the ‘it’ crowd at the local watering hole.
All I’m saying is, thank goodness there are still people complaining and disagreeing about what design should be like. I wouldn’t have a job if everyone thought that designing with a grid was the best idea or that using fonts such as Papyrus or Curls MT is the same as a career suicide.
Reply
Yes, Comic Sans is a crime. I can not agree more.
Reply