No edit summary |
No edit summary |
||
Line 36: | Line 36: | ||
Pete LePage, Google Developers Resources<br /> | Pete LePage, Google Developers Resources<br /> | ||
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/ | https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/ | ||
Tools for Mobile UX Design: Task Flows<br /> | Tools for Mobile UX Design: Task Flows<br /> | ||
Line 45: | Line 44: | ||
Wireframe.cc - minimal wireframing tool<br /> | Wireframe.cc - minimal wireframing tool<br /> | ||
https://wireframe.cc | https://wireframe.cc<br /><br /> | ||
'''''Experimenting with CSS''''' | '''''Experimenting with CSS''''' |
Revision as of 10:11, 10 May 2016
Designing for the Web
Differences Between Print Design and Web Design
Jakob Nielsen
http://www.nngroup.com/articles/differences-between-print-design-and-web-design/
Effective Visual Communication for Graphical User Interfaces
Suzanne Martin
http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html
Web Design Guidlines (German)
Peter Lepke
http://nibis.ni.schule.de/~lepke/homepage/webdesign/webdesign.html
F-Shaped Pattern For Reading Web Content
Jakob Nielsen
http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
Four Key Principles of Web Design
Alex Bigman
http://99designs.com/designer-blog/2014/11/07/web-design-basics-guide/
Ten Principles of Effective Web Design
Vitaly Friedman
http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/
Crash Course: Web Design for Startups
Paul Stamatiou
http://paulstamatiou.com/startup-web-design-ux-crash-course/
Responsive Web Design
Ethan Marcotte
http://alistapart.com/article/responsive-web-design/
Responsive Web Design Fundamentals
Pete LePage, Google Developers Resources
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/
Tools for Mobile UX Design: Task Flows
http://www.uxmatters.com/mt/archives/2015/03/tools-for-mobile-ux-design-task-flows.php
A Collection of Inspiring Sitemaps and User Flow Maps
https://speckyboy.com/2015/01/28/collection-inspiring-sitemaps-user-flow-maps/
Wireframe.cc - minimal wireframing tool
https://wireframe.cc
Experimenting with CSS
scratchpad.io [realtime HTML/CSS editor]
http://scratchpad.io
CSSizer [another realtime editor]
http://cssizer.com
Getting to Know CSS
Shay Howe
http://learn.shayhowe.com/html-css/getting-to-know-css/
Opening the Box Model
Shay Howe
http://learn.shayhowe.com/html-css/opening-the-box-model/
Learn CSS Layout
http://learnlayout.com
Hello, CSS World
http://www.css3-tutorial.net/introduction/hello-css-world/
Inline vs. Inline-Block
http://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block
CSS3 Media Queries
http://www.w3schools.com/css/css3_mediaqueries.asp
CSS3 Media Queries - Examples
http://www.w3schools.com/css/css3_mediaqueries_ex.asp
Bootstrap CSS Documentation
http://getbootstrap.com/css/