DES 251

Digital Media Design

 

 

Required Textbook

HTML and CSS: Design and Build Websites by Jon Duckett, Wiley

 

Recommended Readings

The readings will consist of a series of publications and handouts and will be made available as PDF download link on the class website.

HTML and CSS, Visual QuickStart Guide by Elizabeth Castro, Peachpit Press

Designing Web Usability by Jakob Nielsen, New Riders

HTML and CSS, Visual QuickStart Guide by Elizabeth Castro, Peachpit Press

Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics by Jennifer Niederst Robbins, O'Reilly Media

HTML5 for Web Designers by Jeremy Keith,  A Book Apart

CSS3 for Web Designers by Dan Cederholm, A Book Apart

Typographie by Emil Ruder, Arthur Niggli/Teufen

The Elements of Typographic Style by Robert Bringhurst, Hartley & Marks Publishers

Eloquent JavaScript A Modern Introduction to Programming by Marijn Haverbeke

Freeman, Elisabeth and Eric Freeman. 2005. Head First HTML with CSS & XHTML. O'Reilly

Jennifer Niederst Robbins, 2006. Web Design in a Nutshell. O'Reilly

Resources

TextWrangler free text editor
http://barebones.com/products/textwrangler/download

Lynda.com Training Tutorials UIC,
http://www.uic.edu/depts/accc/training.html/index.html

DropBox, http://www.dropbox.com

Box @ UIC, http://accc.uic.edu/service/box

Blackboard—a Web-based course management system with password-protected access at

http://blackboard.uic.edu/—is used to communicate online and post grades only. You can find support in using Blackboard at the ITL Help Desk at 312-996-9824, by email: blackboard@uic.edu, and http://accc.uic.edu/service/blackboard, so plan accordingly

An Beginner’s Guide to HTML & CSS by Shay Howe
  http://learn.shayhowe.com/html-css/

An Advanced Guide to HTML & CSS by Shay Howe
http://learn.shayhowe.com/advanced-html-css/
 

CSS Resources
http://www.w3schools.com/css/css3_intro.asp

HTML5, canvas an JS drawing app
http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

 

Website examples

http://www.cesarvillegas.com/

http://www.humaan.com.au/about/

http://cloudcastlegroup.com/team

http://www.pagelanes.com/

http://gizmodo.com/

http://www.onbileapps.com/

http://www.sciencemuseum.org.uk/visitmuseum/plan_your_visit/exhibitions/web_lab.aspx#

http://www.sweetrobot.co.uk/

http://sumisura.zegna.com/en/

http://www.uelike.com/#works

http://work.iamalwayshungry.com/

http://www.biciklifumic.hr/

http://www.2creative.com.au/

http://babeltheking.com/eng

http://www.dunhill.com/

http://www.lottanieminen.com/

http://www.studiobema.com/index.html

http://www.fa-d.com/

http://www.loworks.co.jp/#/portfolio