Instructional Resources-Web Design

Blogs

Line 25

Web Design Blog

http://line25.com/

Responsive Layout Testers

A very helpful couple of tool for checking the how your website displays at different screen resolutions.

View Like Us

http://viewlike.us/

 

CyberCrab

http://cybercrab.com/screencheck/

Free Customized Feedback Form Wizard

http://www.thesitewizard.com/wizards/feedbackform.shtml

The above site is an excellent wizard that walks you through creating a simple PHP based contact form.

Informational Articles

Topic: Responsive Design

http://alistapart.com/topic/responsive-design

 

Responsive Web Design by ETHAN MARCOTTE May 25, 2010

http://alistapart.com/article/responsive-web-design

 

Wireframes | Mockups | Prototypes

http://www.creativebloq.com/web-design/jargon-wireframes-mockups-prototypes-51514898

 

10 Commandments of UI Design

http://www.designmantic.com/blog/infographics/the-10-commandments-of-ui-design/

 

Page Speed Load Checker

http://yslow.org/

Browser Checker

Open Source resource to check your sites browser compatibility

http://browsershots.org/

Mashable Post: List of some cross browser compatibility checkers

http://mashable.com/2014/02/26/browser-testing-tools/

 

HTML Email Info

HTML Email Article

http://www.leemunroe.com/building-html-email/

 

Hambuger Menu for Mobile

http://blog.g-design.net/post/42617934013/create-an-accessible-toggle-menu-for-mobile

 

CSS Only Dropdown Menu

http://red-team-design.com/css3-dropdown-menu/

 

Cool Web Page Galleries

www.coolhomepages.com

http://bestwebgallery.com/

 

Cool Portfolio Pages

http://www.danielwarrenart.com/

 

CSS Instructional Information

Introduction to CSS Selectors

http://www.creativebloq.com/css3/introduction-css-selectors-61515320?ref=webdesignernews.com

 

Web Frames Works

Kube Web Framework

http://imperavi.com/kube/

 

Responsive Grid System

http://www.responsivegridsystem.com/

 

960 grid system

http://960.gs/

 

Bootstrap

http://getbootstrap.com/

 

Skeleton

http://getskeleton.com/

 

Homework—Group Project

Create and deploy a customer survey for your chosen software. The survey can be either in print or electronic, though electronic is much easier to organize and manage.
When formulating your questions keep in mind the specific questions you are attempting to find answers for. Send the questions to me for review before going live with the survey.

Required Number of Respondents: 25

 

Presentations

What is UX Design

http://prezi.com/olcmycirez0r/?utm_campaign=share&utm_medium=copy&rc=ex0share

The UX Process

http://prezi.com/waez-mwdkgfe/?utm_campaign=share&utm_medium=copy&rc=ex0share

User Experience Design

http://prezi.com/bpdlq_m42mfn/?utm_campaign=share&utm_medium=copy&rc=ex0share

UX Blogs/Sites

http://www.uxmatters.com/

http://uxmastery.com/

UX Software

http://www.uxpin.com/

http://www.invisionapp.com/

Free UX E-books to download

http://www.uxpin.com/knowledge.html

This is an article from 2009. While the article itself refers to these as UI (User Interface) design patterns most of them are more related to UX (User Experience) Design.

Smashing Magazine

10 UI Design Patterns You Should Be Paying Attention To

Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.

---

http://www.smashingmagazine.com/2009/06/10-ui-design-patterns-you-should-be-paying-attention-to/