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
350
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
225
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.2k
The future of code
Avatar for Swwweet swwweet
4
600

Other Decks in Technology

See All in Technology
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
Avatar for sayn0 sayn0
1
350
GTC 2025 : 가속되고 있는 미래
Avatar for Jeongkyu Shin inureyes
PRO
0
140
SREのキャリアから経営に近づく - Enterprise Risk Managementを基に -
Avatar for shonansurvivors shonansurvivors
1
500
AIとの協業で実現！レガシーコードをKotlinらしく生まれ変わらせる実践ガイド
Avatar for ZOZO Developers zozotech
PRO
2
190
今から間に合う re:Invent 準備グッズと現地の地図、その他ラスベガスを周る際の Tips/reinvent-preparation-guide
Avatar for emi emiki
0
130
DMMの検索システムをSolrからElasticCloudに移行した話
Avatar for 小山凌太 hmaa_ryo
0
290
触れるけど壊れないWordPressの作り方
Avatar for Masahiko Kawai masakawai
0
220
CLIPでマルチモーダル画像検索 →とても良い
Avatar for Motoi Washida wm3
1
660
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
Avatar for Tomonori Hayashi / ぴーはや phaya72
17
10k
[re:Inent2025事前勉強会(有志で開催)] re:Inventで見つけた人生をちょっと変えるコツ
Avatar for sh_fk2 sh_fk2
1
1k
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
Avatar for OPTiM optim
0
130
プレイドのユニークな技術とインターンのリアル
Avatar for PLAID Tech plaidtech
PRO
1
550

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k

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