Skip to content

Discussion: CSS

October 19, 2010

I love typography and one unfortunate design aspect of the web is that typography has always been extremely limited. But Inayaili de Leon writes about the prospects of CSS typography in Smashing Magazine titled The Future Of CSS Typography and explores how there has been a pick up in interest in typography on the web. One mistake that designers make is creating too many classes and ID’s that are hard to keep track of.  Inayaili shows us some ways to keep it simple.

From www.net.tuts.com, an article from Glen Stanberry pulls together 10 CSS tips from some of the most respected web designers and developers.

“The Web is an uncertain place. You’ll never be sure that your Web sites will work in the exact way you want them to work, not even when you apply all modern insights from CSS, accessibility and usability. Instead of seeking false comfort in hacks that seem all the more comfortable because of their complexity, you should accept uncertainty as a basic principle. – Peter-Paul Kotch

This is great advise as we learn to build our redesigns in Dreamweaver and have to work with code. It can get frustrating at times, especially when we’re so used to designing with Photoshop and Illustrator. Another interesting piece of advice comes from Joanthan Snook, who has spoken at conferences like SXSW about web design. He advocates the use of single line declarations to help quickly find and scan our CSS document and keep our file small by getting rid of unnecessary spaces.

Example:

Good

{font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}

Bad

h2 {
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}

From www.webdesignerdepot, Jason Cranford Teague talks about 5 CSS design enhancements to increase your websites visual appeal. We must, however, keep in mind that all these added enhancements should not impede the usability of the website. For example, transparent colors can add interest and depth but if the images and colors are hard to see, it will make it difficult for users to navigate the site. Jason also details how to do rounded corners, text shadows, box shadow, and multiple backgrounds.

About these ads
No comments yet

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: