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

Responsive web design: The good, the bad and th...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Swwweet Swwweet
February 16, 2012
Technology
620
3

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

Avatar for Swwweet

Swwweet

February 16, 2012

More Decks by Swwweet

See All by Swwweet
Wonders from the Full Stack Fest website
Avatar for Swwweet swwweet
1
400
How to be the best web designer in the world.
Avatar for Swwweet swwweet
6
1.3k
Design for loading
Avatar for Swwweet swwweet
5
590
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
One Size Fits None
Avatar for Swwweet swwweet
12
930
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
770
Responsively Responsive
Avatar for Swwweet swwweet
23
1.7k
La letra con píxel entra
Avatar for Swwweet swwweet
0
1.2k
The future of code
Avatar for Swwweet swwweet
4
670

Other Decks in Technology

See All in Technology
Sets in Go
Avatar for Luciano Ramalho ramalho
1
420
Goでデータパイプラインを作ろう
Avatar for SansanTech sansantech
PRO
1
440
Webアクセシビリティ入門 2026
Avatar for Recruit recruitengineers
PRO
3
560
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
Avatar for Cygames, Inc. cygames
PRO
1
830
第3回しろおびセキュリティスポンサーセッション
Avatar for ogiogi log0417
0
180
ハーレムエンジニアリング
Avatar for yamachan kazuma777777
0
150
カートの信頼性を担保するWireMockを使ったe2eテスト
Avatar for ykagano ykagano
0
250
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏～
Avatar for Cygames, Inc. cygames
PRO
1
1.2k
FDEの心得
Avatar for Noriaki Oji noriakioji
4
5.1k
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
LanceDB入門
Avatar for Tomoko Uchida mocobeta
7
460
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
3
8.2k

Featured

See All Featured
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
45k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
53k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
200
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.3k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
290
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
760

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