Responsive Design by Tony Saad

474 views

Published on

ArabNet Digital Summit 2012, March 27 - 31. Developer Days, March 27, Developer Lighting Talk - Responsive Design - by Tony Saad

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
474
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Design by Tony Saad

  1. 1. S e e It in A c t io n F ir s t !
  2. 2. S o , w h a t ’ s r e s p o n s iv e w e b d e s ig n ?- The Concept- Designers & Developers work together- Future of Internet- Tablets Battle
  3. 3. F le x ib le g r id- Fixed width style and centered content- Beyond the liquid layout concept- Elements are essentially resized & rearranged- Multiple column systems
  4. 4. C o n s id e r a t io n s f o r d if f e r e n t d e v ic e s- Apple’s specific meta tag- Responsive borders on images- Fingers are not as precise as mouse cursor- Left Handed & Right Handed- Visual Feedback “Its called responsive so Response!”
  5. 5. D o e s y o u r s it e n e e d t o b e r e s p o n s iv e ?- Creating separate versions (Less Data & Easier)- Display=none property (Still consumes bandwidth)- Responsive Works Great in Massive Monitors too- No Zoom in / Zoom out anymore- Extra Amount of work (CSS Creation)- Extra Costs (Design & Developing)

×