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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
380
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
560
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
One Size Fits None
Avatar for Swwweet swwweet
12
910
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
640

Other Decks in Technology

See All in Technology
音声言語モデル手法に関する発表の紹介
Avatar for Kazuki Inamura kzinmr
0
130
Microsoft 365 / Microsoft 365 Copilot : 自分の状態を確認する「ラベル」について
Avatar for Taichi Nakamura taichinakamura
0
340
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
0
990
EMから幅を広げるために最近挑戦していること / Recent challenges I'm undertaking to expand my horizons beyond EM
Avatar for hiro-torii hiro_torii
1
110
AI時代のガードレールとしてのAPIガバナンス
Avatar for 草薙昭彦 nagix
0
300
ネットワーク運用を楽にするAWS DevOps Agent活用法！！ / 20260421 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
220
Route 53 Global Resolver で高額課金発生！
Avatar for otanikohei otanikohei2023
0
120
コードや知識を組み込む / Incorporate Code and Knowledge
Avatar for Kenji Saito ks91
PRO
0
170
20年前の「OSS革命」に学ぶ AI時代の生存戦略
Avatar for Sam Akada samakada
0
480
「責任あるAIエージェント」こそ自社で開発しよう！
Avatar for みのるん minorun365
9
2.2k
クラウドネイティブな開発 ～ 認知負荷に立ち向かうためのコンテナ活用
Avatar for Masatoshi Hayashi literalice
0
150
スクラムの中で AI-DLC workflow を 使い始めて3ヶ月の振り返り
Avatar for 株式会社カミナシ kaminashi
0
130

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
900
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
180
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
180
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
910
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
270
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k

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