«« Next » « Previous
«« Next » « Previous

Link Details

Link 12193 thumbnail
User 212072 avatar

By binnyva
via hunlock.com
Published: Jan 29 2007 / 15:57

There comes a point in the life-cycle of almost every web-site and blog where the designer, sighs and mutters something like "I wish I had known that when I first started". Here are the things I wish I had known when I had first started my site.
  • 20
  • 0
  • 1439
  • 637

Comments

Add your comment
User 208718 avatar

argie replied ago:

1 votes Vote down Vote up Reply

Some decent tips in the article but also some things which I believe are misinformed.

Unlike what is recommended in the article, the general method of dictating print styles is to include a special Print style sheet a la:

link href="css/print/printFriendly.css" rel="stylesheet" media="print" type="text/css" in the HEAD

Elements are styled or turned off in this sheet.

The article tells you to go crazy with classes. This is "classitis". Too many classes on too many elements make updates difficult. Try updating a p html tag that's has the redText class element when you now want it to be green in 500 pages. Now multiply that situation by fifty. Find and Replace hell. In my opinion, it's better to layout and name your divs in a logical manner and then target specific plain HTML tag elements within those. e..g #mainContent li { color: #CC00CC; }.

Lists are frequently used as vertical and horizontal navigation elements in CSS design. I found it odd that this wasn't mentioned.

Learn from the one of the grandaddy's of modern css design:

http://www.mezzoblue.com/zengarden/resources/

and:
http://alistapart.com/topics/code/css/

If you really want to learn css design.

User 209881 avatar

pcx99 replied ago:

1 votes Vote down Vote up Reply

HI Argie,

In one of my early articles I go into using a separate link for print styles, my site still uses that. However modern thinking is that you want to reduce the number of external files to increase the page loading speed. Not all browsers will load an external media=print sheet at load, but some do so consolodating @media print into the master stylesheet is a good way to speed up the loads.

"classitis" vs. tightly focused styles boils down to a personal preference. I personally found managing the entire site much easier when everything has a class associated with it.

As for the lists and a list apart, both are indeed mentioned. "Lists are an incredibly useful tool for displaying data in a "tree" style format. A list Apart manages to morph simple lists into full blown menu applications that degrade gracefully all the way back to the first browser ever made." -- the a list apart links directly to their search engine on CSS menus. I wasn't about to try to do list menus better than them ;)

User 201716 avatar

unchqua replied ago:

0 votes Vote down Vote up Reply

Although this post gets fair amount of criticism, generally it's good and worth following.

Add your comment


Html tags not supported. Reply is editable for 5 minutes. Use [code lang="java|ruby|sql|css|xml"][/code] to post code snippets.