Archive for the ‘Random Stuff’ Category

CSS divs and IDs

Monday, September 14th, 2009

Div tags are the basic page layout element we are going to use to design our Web site. Each div can be given a unique identifying code, so that it can easily be controlled by a CSS rule. When using ID to control divs, you should remember that only one div with a given ID should appear on each page. If you already have a div “#container” on a page, do not add another div with the same ID.

Selectors for divs with an ID are written beginning with a pound sign: #

#container

Once a div has a rule defining it’s size, placement, color, etc, additional layout elements can be placed inside the div – much like a picture or text box in InDesign.

A good rule of thumb when using divs is to minimize the number of divs used on the page. Order the divs in a logical manner (such as header, then navigation, then content, then footer) and then use CSS rules to control their placement and appearance.

Contextual Selectors

Monday, September 14th, 2009

Once you have created ID elements on your page, you will probably place additional elements in content inside these IDs. Contextual selectors allow you to control elements inside specific IDs.

Let’s say you defined all p tags to be Arial, size 12, black. However, you have a dark blue div (ID = sidebar) to hold navigation and news on the left side of the page, and the paragraphs inside the news box are showing as black text in a blue box – basically unreadable. You can create a style for the following rule:

#sidebar p

The space between #newsBox and p refers to the fact that the paragraph is inside the newsBox. You essentially read the rule backwards from right to left:

  • p controls all paragraphs;
  • space means inside of;
  • #sidebar refers to the div with ID sidebar

Spaces mean something in CSS rules, so be sure to use them in the proper context. Pun intended.

Thursday, October 30th, 2008

Have you ever even heard of the Interrobang

Jack up the font size in your browser for a better look. ⌘+ to increase font size, ⌘0 to set Safari back to normal. If you are using something else, you’re on your own.

What’s with all the Star Wars Stuff?

Thursday, September 18th, 2008

When I asked for questions, this isn’t entirely what I was expecting. That being said, this is actually a worthwhile question to answer.

When I was four years old, my dad took me to see Star Wars at Indian Hills Theatre here in Omaha. If you never got a chance to see a great movie on the Cinerama wide screen, you missed out. But I digress.

Star Wars was the first movie I saw in a theatre, and as you can imagine, it made quite an impression on me.

When I was six years old, Dad brought home a book called “The Art of Star Wars.” It was basically the script from the movie, shoehorned in between reproductions of the original concept drawings, paintings and renderings for the movie.

Until I saw those images, it never occured to me that Star Wars was fiction. As far as I was concerned, it was a documentary. When you’re six, you live in a constant suspension of disbelief. It was a revelation.

It was followed by a second revelation – it was somebody’s job to make Star Wars. This epiphany set of a creative boom that arguably lasted for years. I might actually still be functioning in it, I’m not sure. I drew Star Wars stuff constantly, inventing new ships and characters, the whole nine yards.

Gradually, I branched out into drawing other things, which evolved into art classes throughout school, a BFA in drawing, and the eventual MFA in design.

During all these years, I always seemed to have a Star Wars thing around in my room or in my office. For example, early in my undergraduate years, I bought a Darth Vader helmet that lived on my shelf in Kiewit, and then went to my studio in Indiana. It followed me to my offices in Omaha. It was always accompanied by a few trinkets, a figure here, a keychain there.

Over the years, this collection kept growing. And when I got stuck on a project, I’d stare off at these trinkets, space out, and begin to arrive at an answer. They functioned as a creative “restart” button.

It wasn’t until I really thought about why I kept this Star Wars security blanket around that I realized that all this stuff literally resets me to that mental mode I had when I was six years old. That discovery that I could create something cool that would affect people, looking at all this stuff takes me back to that state. In short, it provides a mental creative reset that helps me melt away creative blocks.

It’s only recently that I had the insight that the introduction of a movie and subsequent book had such a massive impact on my life. A book and a movie basically opened the door to my profession when I was six. Talk about your nature versus nature.

So now I have a not-too expensive habit of snagging cool Star Wars guys when I’m wandering through Target. And I have a very understanding wife who gets me big expensive Star Wars things on special occasions. And when she’s not feeling very understanding about me standing in front of a toy display shopping for both me and my four old son (fledgling Star Wars freak himself), I have a standard answer to why I’m wired this way.

It’s my dad’s fault.

Edwardian Script gone bad

Thursday, August 7th, 2008

Well, as the layout is coming along, now is a good time to step back and be horrified by what I’ve done with Edwardian Script. I wanted a script font to splatter all over the layout. I suppose I’ve got it now.

I’m sure someone doesn’t approve, but I don’t really care. It was awfully cathartic. I’m also sick to death of blue, so this was a damn good time.

I supposed I’ll have to add content now.