Here are the Web Typography Slides from tonight. I guess the URLs of the sites (below each screenshot) are only clickable if you open the PDF using a recent version of Preview for Mac (not Acrobat).
I was googling around trying to get some specifics on certain CSS terms and syntax and found a great tutorial site. I found it very useful.
Steve
It is almost always a good idea to put a CSS reset at the top of your stylesheet. This clears all of the default spacing and style values that a browser would normally add, and means the rules you right will get the expected results more often.
/* Reset the browser defaults on everything */
body * {margin:0; padding:0; border:none; text-indent:0; text-decoration: none; outline:none;}
I found this site interesting because it accomplishes many of the same effects as a flash site, yet uses no flash at all. The buttons animate when clicked and bring up an interface that lets you scroll down through his portfolio. All the animations have a delay on them, which is neat at first but gets tedious when navigating through the different pages. It's just a simple portfolio site and there are only three main pages though so perhaps it isn't meant to be viewed more than once.
The layout is interesting and minimalistic, which is typical of many modern portfolio sites. It utilizes a continuous long page that you scroll down to display his portfolio pieces, which cuts down on the amount of clicking and simplifies navigation. Interesting to note is that he seems to have embedded his blog into the site as well. Perhaps this utilizes RSS in some way to recreate the blog, rather than making an actual portal to another site.
Here is the schedule for the next few weeks for show and tell:
For those of you interested in learning more about RSS, here are a few feed readers to try:
And remember, the feed for this site is http://web1.jamesmuspratt.com/rss/. Copy and paste this link into your feed reader to subscribe. Safari and Firefox will also track RSS feeds, but they don't make as much sense (to me) as the software above.
Update: Katelyn points out that you can use Mac Mail to read RSS feeds, too.
Hi everyone, nice work tonight getting going on your texts. Here is your assignment for Monday, January 31.
Remember with normal CSS you can only set type in fonts that are on the user’s computer. Here are two sites that might help you all with choosing fonts:
Some resources that should help with Project 1:
Hi everyone. Here are the two pieces you should read for Wednesday, January 26.
Choose two texts from the printed world, preferably ones that you know well. Text A should have a relatively flat prose structure (e.g. essay, manifesto, book chapter), while Text B should be more complex (e.g. recipe, instructions, interview, screenplay excerpt). Your assignment is to mark up the raw texts as semantic HTML and then typeset them using CSS.
For both texts, you should design the text in a way that responds to its content. Consider the relationships of your page’s elements in terms of classical typography: margins, measure, leading (line-height), and conventions like indents, drop-caps, and horizontal rules. Consider how your typography can be used to enhance, comment on, or perhaps undermine the text’s meaning.
Due Date: February 16, in class
These are the two required books for the class:
Here’s Exercise 1, which we went over on January 19.
Here’s the final class syllabus. Please note that the calendar portion is for planning purposes and is subject to change.