Being Responsibly Responsive – Resources Word Doc

jumentousmanlyInternet and Web Development

Oct 21, 2013 (3 years and 5 months ago)

66 views

Responsive Resources



Vendor
-
Based Guidelines



Apple

o

iOS Human Interface Guidelines



http://developer.apple.com/library/ios/#documentation/userexperience/co
nceptual/mobilehig/Introduction/Introduction.html

o

OSX Human Interface Guidelines



https://developer.apple.com/library/mac/#documentation/userexperience/
Conceptual/AppleHIGuidelines/Intro/Intro.html



Google

o

Android User Interface Guidelines



http://developer.android.com/guide/practices/ui_guidelines/index.html


References



W3Schools

o

http://www.w3schools.com



Introduction to CSS3, W3C

o

http://www.w3.org/TR/2001/WD
-
css3
-
roadmap
-
20010523/



CSS3 Media Queries, W3C

o

http://www.w3.org/TR/css3
-
mediaqueries/



Responsive Design
Resolution Reference, SpireLight Media

o

http://spirelightmedia.com/resources/responsive
-
design
-
device
-
resolution
-
reference



List of Displays by Pixel Density,
Wikipedia

o

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density



Responsive Frameworks + Grid Systems



Bootstrap

o

ht
tp://twitter.github.com/bootstrap/



Foundation

o

http://foundation.zurb.com/



Semantic Grid System

o

http://semantic.gs



1140 Grid System

o

http://css
grid.net



Columnal

o

http://www.columnal.com/



Golden Grid System

o

http://goldengridsystem.com/



jQuery Mobile

o

http://
http://jquerymobile.com/



Sencha

o

http://www.sencha.com/


Books



Responsive Web Design,
by Ethan Marcotte



Mobile First,
by
Lu
ke Wrobleski



Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement,
by
Aaron Gustafson



Tapworthy, Designing Great iPhone Apps,
by Josh Clark



Designing with the Mind in Mind: Understanding User Interface Design Rules,

by Jeff
Johnson


Articles



Responsive Web Design, A List Apart

o

http://www.alistapart.com/articles/responsive
-
web
-
design/



Mobile

First Archive, Luke Wrobleski

o

http://www.lukew.com/ff?tag=mobilefirst



Responsive Typography, Information
Architects

o

http://informationarchitects.net/blog/responsive
-
typography
-
the
-
basics/



How Much Does Responsive Design Cost? Brad Frost Web

o

http://bradfrostweb.com/blog/web/how
-
much
-
does
-
a
-
responsive
-
web
-
design
-
cost/



Responsive Navigation Patterns, Brad Frost Web

o

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



Complex Navigation Patterns For Responsive Design, Brad Frost Web

o

http://bradfrostweb.com/blog/
web/complex
-
navigation
-
patterns
-
for
-
responsive
-
design/



Towards a Retina Web, Smashing Magazine

o

http://coding.smashingmagazine.com/2012/08/20/towards
-
retina
-
web/



Responsive We
b Resources, Brad Frost Github

o

http://bradfrost.github.com/this
-
is
-
responsive/resources.html



CSS Media Queries And Using Available Space, CSStricks

o

http://css
-
tricks.com/css
-
media
-
queries/



CSS3 Media Queries, Web Designer’s Wall

o

http://webdesignerwall.com/tutorials/css3
-
media
-
queries