980px

WEB200 » Resources

Books:

Websites:

Articles:

Tutorials:

Examples:

Downloads:

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.

28 Comments:

  1. Douglas Doner says:

    Hey Mike, found this cool article on “the 7 rules of creating gorgeous UI”. Kind of a crash course, but it could be useful for the 200 folks!

    https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda

  2. Forrest McIntyre says:

    Here is the design specifications for Google’s “Material Design.”

    A great resource for design principles and ideas.

    However, keep in mind phone != desktop.

    http://www.google.com/design/spec/material-design/introduction.html

  3. CodeAcross Seattle, on February 22, is a full day of events for incubating civic innovation in our city. And, it’s free!

    http://codeforseattle.org/code-across/

  4. John says:

    Here’s a link for some laughs:

    click the blue door and watch the resulting page scroll upward…

    who does this stuff??

    http://heaven.internetarchaeology.org/

  5. Paul Casey says:

    I am enjoying this book:
    “Clout – The Art and Science of Influencial Web Content” by Colleen Jones, 2011. It has been very helpful in setting up the information architecture and wireframes for my website. I expect it will really shine when it comes to including the website’s content.
    http://www.uxmatters.com/mt/archives/2011/02/content-and-clout-a-chat-with-colleen-jones.php
    http://www.amazon.com/Clout-Science-Influential-Content-Voices/dp/0321733010

  6. Dean Wenick says:

    Excellent book:
    The design of sites : patterns for creating winning web sites / Douglas K. van Duyne, James A. Landay, Jason I. Hong

    The library has it:
    http://library.sccd.ctc.edu/vwebv/holdingsInfo?searchId=10&recCount=30&recPointer=0&bibId=192262

  7. Will Parker says:

    Upcoming Mobile Design event @ Interact Seattle:

    Mobile Usability Testing
    by DAVID KELLEY on JULY 9, 2012
    Join us July 18th with Tom Pease from Analytic Design Group ( http://www.analyticdesigngroup.com/ ) with a presentation on Mobile Usability Testing.

    Abstract: Mobile technology is in an ever faster spinning cycle of change: they are radically changing the way we live, work and play; this change is affecting how people respond to these devices; and then change to the devices is affecting our response to them. It’s critical for mobile product managers, designers, developers and marketers to understand get inside that loop.

    At ADGi we’ve been able to do just that in an innovative and cost effective way. Step into the loop with me and find out about our current methods and processes and learn what pitfalls you can avoid.

    WHEN

    Date: Wednesday, July 18th, 2012

    Time: 7:00pm – 8:30pm

    WHERE

    Hope you can join us!

    Aquent
    1109 North 36th Street
    Seattle, WA, 98103

    [About 1 block west of Stone & 36th in Fremont]

    If you get lost, call David at 206.653.5143
    (free parking in the lot across from the building)

    Commonly asked questions:
    · Yes, this event is open to everyone! Feel free to bring a friend.
    · No, there is never a charge to attend
    · There is no formal RSVP process, but if you are attending, feel free to let us know via email.

  8. Lenny Peters says:

    Sexy as hell options when making “responsive” navigation…

    Remember that a mobile user will use any means of gathering information if the “options” are given. Don’t assume you know what is best for a user, test user groups.

    http://bradfrostweb.com/blog/web/responsive-nav-patterns/#footer-anchor

  9. Will Parker says:

    Surviving Design Projects: The Game

    https://www.thegamecrafter.com/games/surviving-design-projects

    Card Game, 3-7 players, less than 30 minutes to play, $15

    Designed by co-founder of UX design firm EightShapes

  10. Will Parker says:

    One for the GridMeister:

    Upcoming grid creation tool on the web

    http://GridSetApp.com

    Design your grid, save it, & modify it.

    When you’re ready to use it, GridSet hands you a set of optimized positioning classes and a sample HTML template.

    Check out the Specimen collection at lower left. Some real classics based on famous design work of the 20th Century.

    Still in private beta, but accepting applications on the waitlist.

  11. vinita says:

    Mike,

    The wireframe resource you list (http://www.johnnynines.com/2009/03/wireframe-symbols/comment-page-1/#comment-4891) seems to no longer be available.

    Sad clown …

  12. vinita says:

    Mike,

    The wireframe resource you list (http://www.johnnynines.com/2009/03/wireframe-symbols/comment-page-1/#comment-4891) seem to no longer be available.

    Sad clown …

  13. James Holloway says:

    If you want to learn pure CSS, then these 20 advanced tutorials are a great place to start. Topics range from sliders, accordions, forms, layouts, to even image transitions. All with just plane old CSS development tricks
    http://designfestival.com/twenty-top-advanced-css-tutorials/

  14. Nick says:

    Here is a list of almost everything a designer could need. Seems to cover all the bases.

    http://www.designerslist.info/

  15. Jake Stolte says:

    Great book on Responsive web design called… drum roll… Responsive Web Design By Ethan Marcotte.

    http://www.abookapart.com/products/responsive-web-design

  16. Nick says:

    Here is a site with 50 different links to wireframe symbols and kits.

    http://www.smashingapps.com/2011/02/02/50-free-web-ui-mobile-ui-wireframe-kits-and-source-files-for-designers.html

    This one is nice since the images can increase without loss.

    http://www.fuelyourinterface.com/free-web-ui-wireframe-kit/

    Enjoy

  17. Will Parker says:

    I just found a bunch of usability resources at http://www.userfocus.co.uk/articles/index.html#Anchor-ebook.

    The first two booklets in the list take on user-centered design and usability test moderation, and are free.

    I bought the ‘Morae for Usability Practitioners’ book (about $15), but I won’t have time to read it until later in the quarter.

    I’ll post an opinion on the free books later this weekend.

  18. Will Parker says:

    I find that “Introducing HTML5” is an excellent overview to the new HTML5 features, but it’s nothing *but* an overview.

    I think that most design-oriented students will find ‘HTML5 and CSS3 for the Real World’ (Sitepoint, May 2011) to be far more useful. Here’s the companion site for the book:

    http://www.sitepoint.com/books/htmlcss1/

    By the way, here’s an *excellent* way to get into dangerous fun with HTML5/CSS3:

    http://foundation.zurb.com

    A full-blown responsive, cutting-edge HTML5 site template.

  19. Jamie says:

    Found this article on a very interesting UX study with a guy who has never used a computer before. Some great key points towards the end.
    http://jboriss.wordpress.com/2011/07/06/user-testing-in-the-wild-joes-first-computer-encounter/

  20. I found this free online Spider Simulator on Summit Media very helpful. You type in your url and it returns a grade in percentage points with additional information about how fast your pages loaded, if you have titles, keywords, meta tags, images, etc.

    http://tools.summitmedia.co.uk/spider/

  21. Bonnie says:

    Awesome Lorem Ipsum Generator app:
    http://littleipsum.com/

    :)

  22. Corey says:

    I always wondered how Google collected ranked website results… this is a short explanation.

  23. Ken says:

    “Export Adobe Illustrator Drawings and Animations to HTML5”
    – works for Adobe Creative Suite 3, 4, 5
    – versions for Windows or Mac

    Full Article:
    http://www.webmonkey.com/2010/10/export-adobe-illustrator-drawings-and-animations-to-html5/

  24. Sean says:

    Here is a great resource for nice large, very high resolution free textures perfect for background images for your site. You can download up to 15MB per day: http://www.cgtextures.com/

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php