Selected MIDTERM sites from recent semesters:
Here are selected FINAL sites from previous semesters:
- Summit Avenue Review (2015): Katie Jung built this website to demonstrate how the St. Thomas literary magazine could be adapted to the web.
- Life of an artist (2013): Linda Ingaldson did this site for her father, Robert, to display his paintings. Note that this site is mounted in her father’s web space.
- Empathetic Medicine (2013): Fritz Duffy explores the world of medicine and advocates for a particular approach.
- JMK Marketing (2012): Andrew Kjos built this website for his father’s business of selling fireplaces.
- The earthquake in Japan (2011): Ayu Nagata built this website in Spring 2011 while her country was recovering from the devastating earthquake and tsunami.
- Visit the Fruit Loop Tour (2011): Caitlin O’Brien tells stories and shows photos about a scenic Oregon trip.
- India Journal (2009): Barb Koehl organizes a dazzling amount of content into a well-organized and colorful site.
- Fair Trade Coffee (2006): Mesa Johnson explores the world of coffee. Note the use of primary and secondary navigation.
- St. Thomas Poetry (2004): Renee Kelly solves typographical challenges in a site promoting a student organization.
- Firefox: The required browser for this class.
- Web developer tools for Firefox: A Firefox add-on toolbar with dozens of options for inspecting and debugging your code.
- Sublime Text: Free text editor for Macintosh or Windows.
- IRT instructions for accessing MyStorage: The instructions are at the bottom of the page in PDF format.
- Adobe Acrobat: Free software for reading PDF documents.
- W3Schools: Your site for tutorials, reference guides and more.
- Web Style Guide: Consider this your basic texts.
- Dynamic Drive: A source for menu hacks and other code; the most useable code is CSS based.
- Maxdesign: Many useful hacks, including a long set of CSS-based menus. The tutorial on using float left is worth the price of admission.
- HTML Validator: Plug in your URL and it will debug your code.
- Nielsen/Norman Group: Jakob Nielsen has researched a lot of questions concerning Web use, and he adds in his own strong opinions. You can view his reports at this site.
- Web Pages That Suck: The title says it all. Not the most constructive of places, but you can pick up a tip or two.
- W3C: The World Wide Web Consortium site includes tutorials and specifications.
- CSS Zen Garden: A continuing project in which designers redo a Web page by changing the CSS without touching the HTML file.
- Creative Commons: Become familiar with the licensing practices of Creative Commons for the ethical way to use thousands of free images.
- Flickr Commons: Universities, government agencies and other organizations post thousands of great images you can use on your site.
- W3Schools Color Picker:The official color picker of the World Wide Web Consortium.
- W3Schools Guide to CSS color: This explains what all those color numbers mean.
- Kuler: Adobe provides this versatile site for mixing and matching web colors.
- More Crayons: Here is a color picker similar to what you find in PhotoShop or Illustrator.
- Technicolor: Another approach to color selection. You pick a base color, the site suggests a palette, then lets you see it on a test page.
- Palleton: A site that lets you choose a base color and try out a palette.
- Visibone color lab: A color picker presented in Visibones unique style.
For an overview of what newspapers are doing, Newslink lists hundreds of daily papers. Ive listed some of my individual favorites below.
- Atlas Magazine: What if you designed a magazine strictly for the Web?
- Mother Jones: Just a good read.
- MediaStorm: A great multimedia shop led by Brian Storm.
- Slashdot: Its motto is news for nerds.
- World News Network: Another international perspective.
- Wired: It once seemed so radical.
- College for Creative Studies: Check out the student work.
- Creating Killer websites: David Siegel on how to improve the look of your site.
- Creative Pro: A commercial site that includes valuable articles on design techniques.
- Internet Design & Publishing Center: The longest running Web portal site for graphic communicators.
- Lynda Weiner: A cool website with many resources.
- Mindy McAdams: McAdams is a pioneer of Internet design who hasnt allowed her work to grow stale.
- Peripheral Systems Laboratory: Research on digital imaging and typography.
- Publish.com: Loaded with articles on how to enhance your website.
Many of these sites use Flash or other techniques. Concentrate on how they use type, shapes and color, and how they divide the Web page.
- Atomic Media : Web building for hip businesses. Requires Flash
- Gunnar Swanson: Cuttin-edge site by a well-known typographer.
- Rotodesign: I love this guy, who seems to have cornered the market on 1950s modernism.
- Total Design: European style. Wired magazine meets Bauhaus. In Dutch
- Erik Spiekermann: Spiekermann, a leader type design, has plenty to say.