IFD:Vague but Exciting-SoS16/Sources-09May16: Difference between revisions

From Medien Wiki
(Created page with "'''''Designing for the Web''''' Differences Between Print Design and Web Design<br /> Jakob Nielsen<br /> http://www.nngroup.com/articles/differences-between-print-design-and-we...")
 
No edit summary
Line 49: Line 49:
Shay Howe<br />
Shay Howe<br />
http://learn.shayhowe.com/html-css/getting-to-know-css/
http://learn.shayhowe.com/html-css/getting-to-know-css/
Opening the Box Model<br />
Shay Howe<br />
http://learn.shayhowe.com/html-css/opening-the-box-model/


Learn CSS Layout<br />
Learn CSS Layout<br />
Line 55: Line 58:
Hello, CSS World<br />
Hello, CSS World<br />
http://www.css3-tutorial.net/introduction/hello-css-world/
http://www.css3-tutorial.net/introduction/hello-css-world/
Inline vs. Inline-Block<br />
http://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block

Revision as of 10:06, 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/

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