responsive web design - internet hungary 2013
DESCRIPTION
Brief summary of responsive web design basics, pros and consTRANSCRIPT
Responsive ?
Who, me ?
Steven Seagal
Friend or Foe?
Looking good?
More control, more limitations
Year of the responsive ?
”The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility.”
“The Way is shaped by use,But then the shape is lost.Do not hold fast to shapesBut let sensation flow into the world…”Tao Te Ching
”Macintosh is 72dpi, while the Windows default is 96dpi.”
”DTP for the web””WYSWYG
rituals”
”control the user’s browser”
”Make pages which are adaptable.”
” Abandon control and seek a new relationship with the page.”
http://roxik.com/cat/
The end of pixel perfect• flexible layouts & fluid grids• flexible images & media• media queries (+ Java script) %
MOBILE FIRST
Year of the responsive
What have the Romans… ?
What have the Romans… ?
Friend or … ?• optimized and consistent user experience
(device agnostic)
• unified web team, single code base
• reduced maintenance risks
Friend or … ?
… or Foe ?• What if customers don’t want the same experience on all devices?• What if it’s too slow or too simple?• What if more money comes from platform- specific ads?• What if ads are a pain in the @$$?
Checklist• Do you need it?• Do you have the resources?• Are you okay with the design limitations?• Can you handle the monetization issues?