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

From Medien Wiki
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/
<br /><br />


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/