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
3
600

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
370
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
550
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
One Size Fits None
Avatar for Swwweet swwweet
12
900
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
740
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
620

Other Decks in Technology

See All in Technology
AWSが推進する AI駆動開発ライフサイクル入門 〜 AI駆動開発時代に必要な人材とは 〜 / introduction_to_aidlc_and_skills
Avatar for Atsushi Fukui fatsushi
7
4.3k
「データの価値を、みんなの武器に。」Data Enablementの価値とツラみ
Avatar for Ryosuke Noaki ryoskdara_
1
180
Generative UI を試そう！A2-UIでAIエージェントにダッシュボードを作らせてみた
Avatar for Kamoshika kamoshika
1
280
xDS を活用したサービスディスカバリーで実現するブランチ別 QA 環境の構築手法
Avatar for Kenta Takahashi knwoop
1
200
AIエージェントで変わる開発プロセス ― レビューボトルネックからの脱却
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
140
三菱UFJ銀行におけるエンタープライズAI駆動開発のリアル / Enterprise AI_Driven Development at MUFG Bank: The Real Story
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
2
300
ECSネイティブのBlue/Green デプロイを攻略しよう ~CodeDeployとの違いから、デプロイフロー実装まで~
Avatar for 井手亮太 ideaws
3
300
あすけん_Developers_Summit_2026_-_Vibe_Coding起点での新機能開発で__あすけん_が乗り越えた壁.pdf
Avatar for iwahiro iwahiro
0
440
【Developers Summit 2026】Memory Is All You Need:コンテキストの「最適化」から「継続性」へ ～RAGを進化させるメモリエンジニアリングの最前線～
Avatar for KoheiOgawa shisyu_gaku
4
580
俺の失敗を乗り越えろ！メーカーの開発現場での失敗談と乗り越え方 ～ゆるゆるチームリーダー編～
Avatar for Satoshi Deishi spiddle
0
220
意志を実装するアーキテクチャモダナイゼーション
Avatar for nwiizo nwiizo
3
1.5k
既存のログ監視システムをクラウドっぽく実装してみた
Avatar for tjmtrhs tjmtrhs
0
190

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
140
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
120
Design in an AI World
Avatar for tapps tapps
0
150
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
180
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
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