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
560

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
330
How to be the best web designer in the world.
Avatar for Swwweet swwweet
6
1.2k
Design for loading
Avatar for Swwweet swwweet
5
500
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
One Size Fits None
Avatar for Swwweet swwweet
12
850
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
700
Responsively Responsive
Avatar for Swwweet swwweet
23
1.6k
La letra con píxel entra
Avatar for Swwweet swwweet
0
1.1k
The future of code
Avatar for Swwweet swwweet
4
580

Other Decks in Technology

See All in Technology
Tenstorrent 開発者プログラム
Avatar for Tenstorrent Japan tenstorrent_japan
0
150
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
6.7k
Go Connectへの想い
Avatar for chiroruxx chiroruxx
0
130
MCPを利用して 自然言語で 3Dプリントしてみよう！
Avatar for 濱田孝治 hamadakoji
0
830
Vibe Codingの裏で、 考える力をどう取り戻すか
Avatar for sekine csekine
0
320
從開發到架構設計的可觀測性實踐
Avatar for philipz philipz
0
190
大失敗しないための Web API 開発レシピ / A recipe for not making a big failure on WebAPI development
Avatar for Yoichi Kawasaki yokawasa
1
150
Information Architecture Recommoning: How Standardization Enables Differentiation
Avatar for Andrea Gioia angioia
0
160
Flutterアプリを⾃然⾔語で操作する
Avatar for Yuki Sakai yukisakai1225
0
210
入門 ESlint Typegen #TSKaigi #TSKaigi2025_kataritai
Avatar for 弁護士ドットコム bengo4com
0
2k
20250612_GitHubを使いこなすためにソニーの開発現場が取り組んでいるプラクティス.pdf
Avatar for Yasuhiro Osaki osakiy8
1
310
TypeScript をより型安全に扱うプラクティス #TSKaigi #TSKaigi2025_kataritai
Avatar for 弁護士ドットコム bengo4com
0
2.1k

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.8k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
137
34k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
183
22k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k

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