980px

WEB202 » Resources

Books:

Websites:

Downloads:

Tutorials:

Articles:

Podcasts:

 

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

26 Comments:

  1. This site is cool: if features 50 (!) different color picking/designer sites.

    http://www.printmag.com/article/50-best-color-sites-for-designers/

    Have fun with bubbly, splashy, sedate moody colors !

    Christian

  2. Ken Gard says:

    http://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/

    This is a great link on how to create a good shopping card visual.

  3. Will Parker says:

    Free book on product and service design from 37Signals.com, the folks who created Basecamp, one of the most popular business collaboration tools in use today.

    http://gettingreal.37signals.com/

    Read it online or sign up for their mailing list (non-spammy) to download the PDF version.

  4. Will Parker says:

    Are you a techie? Of course you are.

    So, go make some money using your web skills, your reading list and O’Reilly Books’ brand new Affiliate Program:

    http://oreilly.com/affiliates/index.html?imm_mid=0a504f&cmp=em-npa-pr-brp-affiliiate-program

    This is similar to the Amazon Affiliate program:

    Build a nice e-store wrapper for any of the 3,000+ titles O’Reilly sells, entice customers, and you’ll get 5% of the purchase price (or $100 for convention sign-ups!)

    By the end of WEB202, you’ll be ready to repurpose your class coursework directly into a technical bookstore.

    Have fun.

  5. Peter T says:

    For students:

    Fair Use

    http://www.copyright.gov/fls/fl102.html

    § 107. Limitations on exclusive rights: Fair use

    Notwithstanding the provisions of sections 106 and 106A, the fair use
    of a copyrighted work, including such use by reproduction in copies or
    phonorecords or by any other means specified by that section, for
    purposes such as criticism, comment, news reporting, teaching
    (including multiple copies for classroom use), scholarship, or
    research, is not an infringement of copyright. In determining whether
    the use made of a work in any particular case is a fair use the
    factors to be considered shall include —

    (1) the purpose and character of the use, including whether such use
    is of a commercial nature or is for nonprofit educational purposes;

    (2) the nature of the copyrighted work;

    (3) the amount and substantiality of the portion used in relation to
    the copyrighted work as a whole; and

    (4) the effect of the use upon the potential market for or value of
    the copyrighted work.

    The fact that a work is unpublished shall not itself bar a finding of
    fair use if such finding is made upon consideration of all the above
    factors.

    Source: U.S. Copyright Office

  6. Lenny Peters says:

    Good read on how some things still are in practice and what we can do to think about them while making “carts”…

    http://uxdesign.smashingmagazine.com/2012/09/04/the-state-of-e-commerce-checkout-design-2012/

  7. Will Parker says:

    Freebie:

    Customizable CSS3 animated on-off switch

    http://proto.io/freebies/

    Proto.io is a pretty good online prototyping tool, btw.

  8. Lenny Peters says:

    It’s not the only website I read honest…

    Good Form Validation Discussion on Shopping Cart, Checkout process…

    http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/

  9. Will Parker says:

    SurveyMonkey.com

    An easy(ish) way to get minimal user research

  10. Will Parker says:

    Ronco Spray-On Usability

    http://daringfireball.net/2004/04/spray_on_usability

    Why developers should never be trusted with your user interface.

  11. Will Parker says:

    Eightshape Unify

    A comprehensive documentation system for UX design project from the pros at Eightshapes.

    Templates, workflows, tools

    http://unify.eightshapes.com

    Samples of documents used created using the Unify system

    http://unify.eightshapes.com/about-the-system/samples/

  12. Will Parker says:

    Excellent UX & web design book/ebook publishers

    http://rosenfeldmedia.com/books

    Example titles:

    Storytelling for User Experience
    Card Sorting
    Prototyping
    Design is the Problem
    Mental Models
    Eye Tracking the User Experience
    Web Form Design

    See also http://rosenfeldmedia.com/deals/
    They offer frequent deep discounts

  13. Lenny Peters says:

    Great read on eCommerce sites that have problems. Seems like it all falls back to being easy, straightforward and simple in design.

    http://mashable.com/2012/04/12/ecommerce-mistakes/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29

  14. Kevin Lineback says:

    Here is the tutorial for making a tabbed content area with CSS and jQuery that I used on my ITC200 project.

    http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

  15. Sara Smiley says:

    I used ‘Example 2’ of this JQuery tutorial for my thumbnail rollovers:
    http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

    And this is the JQuery slideshow I used:
    http://jquery.malsup.com/cycle/pager3.html

  16. I got the slide show for my ITC200 final from these guys. http://sorgalla.com/projects/jcarousel/
    Mine looks a little different because I broke into the images folder and styled the buttons.

  17. Jennifer says:

    This is a great tutorial for Simple Tabs w/ CSS & jQuery:

    http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

  18. Tim Garret says:

    This review of the e-Commerce WordPress plugin was written by a professional programmer who uses Magento. He also discusses code quality.

  19. Deb says:

    Here’s the website I showed in class:

    http://www.growandmake.com/

  20. Deb says:

    Heres a shopping site that takes customer choice to the n’th degree.

    http://instructables.spreadshirt.com/us/US/Shop/

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php