Responsive web design: The good, the bad and the ugly

0fe2973fa8d27d96547e43322341183a?s=47 Swwweet
February 16, 2012
Technology
3
390

Responsive web design: The good, the bad and the ugly

0fe2973fa8d27d96547e43322341183a?s=128

Swwweet

February 16, 2012
Tweet

More Decks by Swwweet

See All by Swwweet
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
0
90
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
280
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
300
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
12
610
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
2
460
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
24
1.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
0
770
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
4
270

Other Decks in Technology

See All in Technology
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
200
75fd80a8ace6ab292a7de563e018ae11?s=48 takashi_toyosaki
0
200
6557f271a0b301f453f773be43cf876f?s=48 miyamoto_hiroki
1
190
5bc984d78def65048378c439d77c379f?s=48 tomoyamachi
1
170
F3f3eec8682a76ed430054e8fd994f15?s=48 tmnakagawa
0
710
1f745ff900e1be51aedae18cae76593c?s=48 kurochan
0
1.7k
C7f4bfa6a378cf43c3475716d1992efe?s=48 ishizuka427
0
210
Ca7f3070b0edb9ec3e1b5b5109920a8a?s=48 hiyokotaisa
2
1.6k
44b799f91cc48e38c5fe9f5d9c5ecc61?s=48 takaichi00
28
11k
B440848190075251e012e587b82f54e2?s=48 czmirror
0
210
2b4f9f20b554d4c77c46fe6a9930d6fe?s=48 south37
1
1.1k
66fabad28b40a99387ab582cd0e94a2d?s=48 hiromaaa03
1
100

Featured

See All Featured
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.7k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
340
25k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
28
3.1k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
300
16k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
83
3.8k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
3
400
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
14k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k

Transcript

  1. RESPONSIVE WEB DESIGN Marta Armada @martuishere #WebCat Feb 2012

  2. A N T E W D barackobama.com mediaqueri.es

  3. A N T E W D FLUID GRID FLEXIBLE IMAGES

    MEDIA QUERIES alistapart.com/articles/responsive-web-design
  4. None

  5. CODE ONCE

  6. CODE less

  7. CONT EN T FIRST AL W A YS adactio.com/journal/4523

  8. future friendly futurefriend.ly

  9. None

  10. BREAKI N G POINTS

  11. 1363px 1362px

  12. it can be boring *

  13. None

  14. IF YOU ARE LAZY *

  15. playdulla.com gingerwhale.com

  16. OVERSIZED ASSETS bit.ly/responsive-images

  17. JAVASCRIPT rwd-images.js fitvids.js respond.js DEPENDENCIES

  18. swwweet.com/training HARD IT CAN BE FUCKING

  19. None

  20. seo sem & bit.ly/google-mobile-sites bit.ly/google-mobile-ads

  21. ads bit.ly/markboulton-responsive-ads

  22. CMS

  23. When you have to shoot, SHOOT, don’t TALK.

  24. bit.ly/trend-shift trend shift IT’S NOT A RWD IS A

  25. YEE HAW! Marta Armada @martuishere #WebCat Feb 2012