Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Revolution

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.
Avatar for serge lerner serge lerner
November 13, 2013

Responsive Revolution

Points to keep in-mind while (and before) developing a responsive web project.

Avatar for serge lerner

serge lerner

November 13, 2013
Tweet

Other Decks in Technology

Transcript

  1. STYLE • Usually consistent, But sometimes Not. • Probably will

    change in the future. • Should be defined in one place. • Reduce Dependence on Images with CSS. • If its Vector use vector. • Use Relative Units. • Please work with style guides.
  2. LAYOUT • Destine to change. • Always develop a Fluid

    Architecture. • Consider different building approaches.
  3. LOGIC • Don’t overkill (Avoid Including Bulky JS Libraries If

    You Can Help It). • Use Feature-detection. • Know when to initialize / destroy. • Maybe better of with CSS ?!
  4. PERFORMANCE • Consider mobile latency. • Consider CPU. • Load

    only what you need. • Avoid Bloats of code. • Look into Rendering. • Large Images are dangerous. • Use Data URIs to Save HTTP Requests.
  5. DEVICE CAPABILITIES • Touch gestures. • SMS, Call. • Hover.

    • URIs: open application. • Use Semantic html to open native Inputs.
  6. If you're not failing every now and again, it's a

    sign you're not doing anything very innovative. Woody Allen