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
560

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
330
How to be the best web designer in the world.
Avatar for Swwweet swwweet
6
1.2k
Design for loading
Avatar for Swwweet swwweet
5
490
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
One Size Fits None
Avatar for Swwweet swwweet
12
850
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
700
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
570

Other Decks in Technology

See All in Technology
libsyncrpcってなに？
Avatar for uhyo uhyo
0
160
Javaアプリケーションの配布とパッケージング / Distribution and packaging of Java applications
Avatar for hogelog hogelog
1
330
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
8
65k
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.5k
Roo Codeにすべてを委ねるためのルール運用
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
1
230
ソフトウェアテストのAI活用_ver1.10
Avatar for fumisuke fumisuke
0
240
JNation 2025 - Quarkus for Spring Developers
Avatar for Eric Deandrea edeandrea
PRO
0
110
面接を通過するためにやってて良かったこと3選
Avatar for SansanTech sansantech
PRO
0
140
GitHub Copilot Use Cases at ZOZO
Avatar for Ryosuke Horie horie1024
0
110
Swiftは最高だよの話
Avatar for 野瀬田　裕樹 yuukiw00w
2
290
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
Redmineの意外と知らない便利機能 （Redmine 6.0対応版）
Avatar for MAEDA Go vividtone
0
1.3k

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
8.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
7k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k

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