On Post-specific Styling

One of the main differences between web and print design is that, in print design, articles can easily be styled and formatted to compliment the content, whereas in web design, ever since CSS became popular, all articles have the same colorscheme and layout per-blog. Just think about the difference between reading a blog post and reading an article from National Geographic. In a magazine, an article about Mars would have a light on dark colorscheme with stars in the background (or something with a similar idea), but on a blog it would have the same colors, layout and background as every other post on that blog.

comparison of the same article in print and on the web

Why is it this way?

magazine article example

It wasn’t always like this, before the mainstream adoption of CSS, web designers would work more like print designer, styling each page to work with the content. But when CSS became popular, designers would use on global stylesheet. What designers seem to have forgotten is that a design is 95% about content. Sure, nice header styling and animated sidebar widgets add to the appeal of the page, but by far the most important thing is to style the content beautifully. A great example of how a page can look beautiful without anything but well styled content is Life is Not Read-Only. blog article example The style of that site is too simple to work for anything but a single page, but it looks a lot nicer than Codewalkers, and that has all the elements of a full website. You may be screaming that that’s because of the ugly colors and look of things other than the content, but the content is just as ugly. Arial font at an irregular size and and an unbroken span of text.

It seems like web designers need a reminder of what CSS actually means: Cascading Stylesheets. The inventors of CSS intended for multiple stylesheets to be used, one global, and one for the topic or article.

Yeah, I agree, it would be nice if weblog posts were as “pretty” as magazine posts, but what can I do

Developers

  • Make a wordpress or other CMS plugin
  • If you’re a web designer, encourage your clients to use a variety of designs
  • If you blog, change your theme to have custom color support using wordpress post-meta or an equivilent

Bloggers

  • Vary your colorscheme and layout to enhance the content
  • Make your posts interesting! I changed the colorscheme of this post and added interesting external text features such as this table/list thing

Everyone Else

  • Comment on well designed posts complimenting the author/designer, it’s hard work!
  • Promote the post using stumbleupon, digg, etc.

Here’s a visual presentation of the above

The interactive object is also good for breaking up the content.

This entry was posted in Blog, Programming and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>