Archive for March, 2010

Here are some of the links from this week’s readings.  I’m playing catch-up, so everything is going to be out of order for a bit.  I just hope I can catch up quickly before I get too far behind.  Right now, I feel like I’m having to go back and redo a bunch that I already did, just because I was so spaced out for a week.  I guess heavy medications will do that.  I feel like I barely remember anything.  I just have to take a really deep breath and collect myself, I think.

Difference between ID and Class – This explains the difference between the two, why when need them, and when to use, or not use, each of them.

CSS Typography – This is an article from Digital Web Magazine on how CSS can help you with typography and why typography still matters in web design.

We also read another chapter in our textbook “The Principles of Beautiful Web Design”.

Links that others may find useful that we were referred to:

One of the coolest typography websites out there – www.ilovetypography.com.  I’ve linked to this on my old school blog for well over a year.  This website is just awesome.

Other articles:

As far as assignments, we were to work on the banners begun in week 5, an animated .GIF assignment, and our resumes.  I am still somewhere between week 6 and week 7 in trying to figure out where I am and where I’m supposed to be.  I hope to hear back from my professor within the next few days, because I don’t like feeling so clueless and brain dead.  I am now at day 4 of only ibuprofen.

I will catch up.  Somehow.


Read Full Post »

This week we discussed navigation methods and consistency.  We also started to delve into CSS a little bit.

With website navigation, consistency is key.  If there is one type of navigation and another type on the second page, you will confuse your users.  They won’t think it’s clever, they’ll be irritated.  Let’s face it.  When you build a website, it’s because you want people to visit.  If you irritate your users, you won’t have repeat visitation.  Therefore there are a few items you need to be aware of when designing a navigational scheme.  These are placement, design, readability, direction and hierarchy.  In addition, you must consider the navigational method you will use.  Your choices are images, rollovers, text links, or drop down menus.

CSS,  Cascading Style Sheets, are a set of predefined rules that affect a document.  They allow you to make mass changes within a document, or over a group of documents.  It is important to be specific in writing CSS.  The three main parts in a CSS rule are the selector, the property and the value.

Here are the links to various websites and videos that we visted and/or watched this week.  If I have any additional comments, I will put them with the link.

On this page, Matt Brown of Adobe, talks about good website design.  He lists several links at the bottom of the article that are also good resources – except that one is no longer valid.  Obviously he needs to take some of his own advice about usability.  I’m including the three that I found most helpful.

These two, also from Jakob Nielsen, were directly assigned.  I’d never heard the term “breadcrumb navigation” before, but I’ve seen it used and it’s something I greatly appreciate, particularly on large, complex websites.

Examples of Traditional Navigational Styles:

Column based navigation with text links:

Dynamic Drop Down:

Basic Navigation with subnavigation menus:

CSS-driven text navigation with subnavigation menus:

Breadcrumb text navigation:

I need now to finish up revising my banner assignment, plus adding a couple things to my resume.  I haven’t got a couple of the things asked for, though, so that may pose a problem.  Additionally, I broke another tooth earlier this evening and it is killing me.  Time to call the dentist.  I’d hoped nothing would happen until my next appointment, but that’s 2 weeks away.

Meeting with Mimi Stoops at 9am on Thursday.  I do not like this.

Read Full Post »