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

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

Swwweet
February 16, 2012
Technology
3
530

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
300
How to be the best web designer in the world.
swwweet
6
1.2k
Design for loading
swwweet
5
470
Mobile First: as difficult as doing things right
swwweet
222
9k
One Size Fits None
swwweet
12
830
One Size Fits None - From the Front 2013
swwweet
2
680
Responsively Responsive
swwweet
23
1.6k
La letra con píxel entra
swwweet
0
1.1k
The future of code
swwweet
4
540

Other Decks in Technology

See All in Technology
技術に触れたり、顔を出そう
maruto
1
150
AWS re:Invent 2024 recap in 20min / JAWSUG 千葉 2025.1.14
shimy
1
100
駆け出しリーダーとしての第一歩〜開発チームとの新しい関わり方〜 / Beginning Journey as Team Leader
kaonavi
0
120
iPadOS18でフローティングタブバーを解除してみた
sansantech
PRO
1
130
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
180
AWS Community Builderのススメ - みんなもCommunity Builderに応募しよう！ -
smt7174
0
170
深層学習と3Dキャプチャ・3Dモデル生成（土木学会応用力学委員会 応用数理・AIセミナー）
pfn
PRO
0
460
Azureの開発で辛いところ
re3turn
0
240
KMP with Crashlytics
sansantech
PRO
0
240
My small contributions - Fujiwara Tech Conference 2025
ijin
0
1.4k
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
110
2025年のARグラスの潮流
kotauchisunsun
0
790

Featured

See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
Speed Design
sergeychernyshev
25
730
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Writing Fast Ruby
sferik
628
61k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
A designer walks into a library…
pauljervisheath
205
24k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
51k

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