An interesting article in www.infotoday.com (July/August 2013) defines "Responsive Web Design" by Kathryn Frederick.
Ethan Marcotte was the first to use the term in 2010. Responsive Web Design describes websites that change based on screen size.
Digital Public Library of America, dp.la, uses "Responsive Web Design."
Responsive Web Design Testing Tool (www.mattkersley.com/responsive).
The first step is to design a grid.
1) Design a grid.
Printable grid templates or hardbound sketchbook,
www.webdesign-sketchbook.com
Plan a responsive site with these free sketch sheets, www.tinyurl.com/RWDsketch.
2) Make a Fluid Grid
Layout should be based on proportionate CSS values.
See Really Quick Responsive Web Design (RQRWD) or www.rqrwd.com
See the Responsive Calculator, www.rwdcalc.com
Margins and paddings can also be expressed using percentages.
No comments:
Post a Comment