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

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

Avatar for Swwweet Swwweet
February 16, 2012
Technology
3
580

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

Avatar for Swwweet

Swwweet

February 16, 2012
Tweet

More Decks by Swwweet

See All by Swwweet
Wonders from the Full Stack Fest website
Avatar for Swwweet swwweet
1
340
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
520
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k
One Size Fits None
Avatar for Swwweet swwweet
12
870
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
720
Responsively Responsive
Avatar for Swwweet swwweet
23
1.6k
La letra con píxel entra
Avatar for Swwweet swwweet
0
1.1k
The future of code
Avatar for Swwweet swwweet
4
590

Other Decks in Technology

See All in Technology
OpenAI gpt-oss ファインチューニング入門
Avatar for kmotohas kmotohas
2
1k
From Prompt to Product @ How to Web 2025, Bucharest, Romania
Avatar for Jan Werner janwerner
0
120
SoccerNet GSRの紹介と技術応用：選手視点映像を提供するサッカー作戦盤ツール
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
190
英語は話せません！それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
Avatar for ニイオカ niioka_97
0
130
AI ReadyなData PlatformとしてのAutonomous Databaseアップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
210
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
Avatar for oracle4engineer oracle4engineer
PRO
2
5.5k
Findy Team+のSOC2取得までの道のり
Avatar for adachi.ryo rvirus0817
0
370
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
1
230
空間を設計する力を考える / 20251004 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
400
GopherCon Tour 概略
Avatar for Takuto Nagami logica0419
2
190
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
Avatar for おーしろ noayaoshiro
0
220
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
Avatar for you（@youtoy） you
PRO
0
230

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
185
22k

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