1. Web Authoring course work

    Fall 2007
    Polaroid

    As designers (and programmers) we have the ability to create images without the aid of GUI-based image editors like Photoshop. We are independent of software; we speak the semantics of machines. A .jpg, .gif or .png is just a few thousand lines of code. These polaroids are em-based (not pixel) allowing the viewer to zoom in and out, the same way a font is increased or decreased on screen.
    (Be patient with these polaroids, they weigh in at 1.4MB worth of code – just like an old-school 3.5" floppy diskette.)

    Fall 2007
    Favicon

    A favicon, (short for 'favorites icon') is a small image that appears before the url of a website. Working within the Base 16 (Hexadecimal) numbering system, students design 16 favicons, each icon measures 1em (16px) x 1em (16px), and 16 x 16 = 256 web-safe colors.

    Fall 2007
    Legibility

    Do you ever wish the web looked as nice as print? We surely do. You are what you eat, and read. Bon Appétit

    Fall 2007
    Enquire

    What did the web look like before it became an international mall for product and social consumerism? Let's travel back to 1989… Using Tim Berners-Lee's Information Management: A Proposal, as a starting point, participants seek and explore the history and meaning of hypertext through a series of connected web pages.

    Fall 2006
    8-bit

    No Flash plug-in here, just hours of pure painstaking hand-coding (over 5,000 lines) with a dash of experimental CSS animation javascript by Faruk Ateş & Tim Hofman.
    An homage to Atari and it's programmers.
    (Press Demo to Start)

    Fall 2006
    Legiblity

    Read me…

    Fall 2006
    Final Projects

    Ooh la la…

  2. for the sake of an example

    Design for a Relative
    & Expanding Screen

    The em unit is still the mainstay of CSS style sheets. Although the px isn't as evil as some people make it out to be. It is better to use px than pt or cm, e.g., because at least the px will automatically scale based on the type of device. However, it won't scale the same way as em, so em is better: on a 100dpi screen, a px is exactly as readable as on a 200dpi screen, but on a 150dpi screen, it may either be considerably smaller or considerably bigger… / Bert Bos of the CSS3 Team

    Legibility

    Sixteen years ago we had this big debate about legibility issues in type design and typography. Which are the main lessons we've learned from this?

    Very nice question. (laughs). Ultimately, Zuzana Licko got it right when she said that you read best what you read most. Legibility depends for a large part on what people have been exposed to the most. One of the reasons bitmap typefaces are so popular today is because we now have a whole generation of young people who grew up playing video games and surfing the net. They grew up reading text on low resolution computer and TV screens. To them bitmap fonts are easy to read. But when you compare a bitmap font to, let's say, a printed version of Baskerville, you would say bitmaps are highly illegible. It's all a matter of what you're used to. And it's also a matter of context. Peter Baines said it so well: ‘you should not confuse legibility with communication.' You can make something legible, but that doesn't necessarily imply that it will communicate. These are two separate things. Context is important. Good design goes far beyond just making a text legible. Graphic design sometimes also needs to draw attention, make things noticeable, create interest, make it engaging. / An excerpt from Typotheque's: Rudy VanderLans, editor of Emigre by David Casacuberta & Rosa Llop

  3. useful resources

    Markup Standards

    Music for Coding