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

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

Swwweet
February 16, 2012
Technology
3
460

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

Swwweet

February 16, 2012
Tweet

More Decks by Swwweet

See All by Swwweet
Wonders from the Full Stack Fest website
swwweet
1
240
How to be the best web designer in the world.
swwweet
5
1k
Design for loading
swwweet
4
410
Mobile First: as difficult as doing things right
swwweet
217
8.6k
One Size Fits None
swwweet
12
760
One Size Fits None - From the Front 2013
swwweet
2
620
Responsively Responsive
swwweet
23
1.5k
La letra con píxel entra
swwweet
0
990
The future of code
swwweet
4
450

Other Decks in Technology

See All in Technology
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
1
110
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
120
Cracking the KubeCon CfP
inductor
2
270
Improve Your Development Workflow with Gemini Code Assist
meteatamel
0
130
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
590
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
400
認知症フレンドリーテックとスタックチャン
naokiuc
0
250
.NET Profiler in 2024.
kkamegawa
2
1.5k
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな（2024年版）
infiniteloop_inc
5
18k
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
160
実例で紹介するRAG導入時の知見と精度向上の勘所
yamahiro
5
1.6k

Featured

See All Featured
Debugging Ruby Performance
tmm1
70
11k
Practical Orchestrator
shlominoach
183
9.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Design by the Numbers
sachag
274
18k
Building an army of robots
kneath
300
41k
How GitHub (no longer) Works
holman
305
140k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
A better future with KSS
kneath
231
16k
Optimizing for Happiness
mojombo
370
69k

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