class notes
Critique of typography project
Here are some notes I’ve taken during the critique of my project.
Well….
I got shafted because it was done so late….
I’ve been given a second chance. Make it look better by next week.
To Do:
* No footnote on the sub header.
Popularity: 4% [?]
A better world, without IE
Looking closely at the CSS for the typography project…. The class example shows some good stuff (the css).
Here’s some CSS tips and points to remember:
- To get IE to float properly, use a text-align: center in the body and then text-align: left/right/whatever where needed.
- Set the min-width in the body to prevent failures in Netscape.
- There’s a cool way to do the foot notes on this example. They are in a span that is hidden unless the mouse rolls over, at which point they appear visible. Really Cool, I think.
- The example also uses a small flash movie to add some pull text to the site. Kind of a neat way to add some different fonts and colors to the page.
- Try these fonts: font-family: “Lucida Grande”, “Lucida Sans Unicode”, verdana, lucida, sans-serif
Popularity: 4% [?]
Octothorpe
Class discussion on February 7, 2006.
Big deal about footnotes? Scholars love them, and need them. Web people don’t want them, or think they are needed. They want to come up with a different way: links, sidebars, and such.
Tonight, we learn how to put good ol’ footnotes in the text, so they look good.
- The problem with the basic tag is that the line-height is all messed up. It’s about readability! Make it nice on the eyes, pal!
- all the values in the element? remember TROUBLE or TRBL (top right bottom left)
- Make the sup script stand out and not mess up the line-height by taking out the margin, padding, etc
- The image looks best when floated to the right. Because the image shows someone pointing. You want the eyes to be drawn to the text. Bad example: Little Professor. Her picture is looking away from the text.
- Can’t she just flip the image? Depends, what is the image for, copyright issues…
- images: use some floating and padding.
- menus: list-style-type: none, get’s rid of the dots.
- pull qoute: display: block, kind of makes it like it’s own little div. Also use the tag.
Popularity: 5% [?]
First class
Here’s some notes from class:
Use the <cite> and <blockquote> tags.
And apparently the <hr> tag is depricated. You should use a <div> tag with a CSS border.
Popularity: 6% [?]