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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Swwweet Swwweet
February 16, 2012
Technology
610
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
390
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
570
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
One Size Fits None
Avatar for Swwweet swwweet
12
920
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
750
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
650

Other Decks in Technology

See All in Technology
JaSSTに関わることで変わった人生観 #jasstnano
Avatar for Makky makky_tyuyan
0
170
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
1
340
AI Agent に“攻略本”を渡したら、150フォームの移行が回り始めた話/登壇資料（高橋 悟生）
Avatar for Hacobu hacobu
PRO
1
270
既存プロダクトQAから新規プロダクトQAへ
Avatar for hashi ryotakahashi
0
170
社内RAGの導入で気を付けたポイント
Avatar for やくも yakumo
1
140
Claude Code / Codex / Kiro に AWS 権限を 渡すとき、何を設計すべきか
Avatar for Kazuki Adachi k_adachi_01
6
1.9k
GitHub Copilot appで変わる GitHub Copilot CLI開発体験
Avatar for tomokusaba tomokusaba
0
120
その英語学習、AWSで代替できませんか？
Avatar for Tatsuya suzutatsu
1
190
Agent Development Kit (ADK)で学ぶ実践Context Engineeringと社内での応用例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
130
20260516_SecJAWS_Days
Avatar for Takuya Yonezawa takuyay0ne
2
550
[4] Power BI Deep Dive [2026-05]
Avatar for Ohata Masatoshi ohata_bi
0
110
ソフトウェアサプライチェーン攻撃対策として今からサクッとできること
Avatar for GMO Flatt Security flatt_security
2
100

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
190
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
370
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.6k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
120
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
55k

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