Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Crochet Stiches vs Pixel Density

Avatar for Ruth John (Rumyra) Ruth John (Rumyra)
August 28, 2012
Programming
0
280

Crochet Stiches vs Pixel Density

What can a very old craft teach us about how to handle different devices, screens and pixel densities?

Avatar for Ruth John (Rumyra)

Ruth John (Rumyra)

August 28, 2012
Tweet

More Decks by Ruth John (Rumyra)

See All by Ruth John (Rumyra)
Web Components
Avatar for Ruth John (Rumyra) rumyra
3
20k
Make Your Browser Dance | Breaking Borders
Avatar for Ruth John (Rumyra) rumyra
0
74
Make Your Browser Dance | LondonJS
Avatar for Ruth John (Rumyra) rumyra
0
500
Building apps for FirefoxOS
Avatar for Ruth John (Rumyra) rumyra
1
450
Building Pocket Kitten
Avatar for Ruth John (Rumyra) rumyra
0
230
How to Sew
Avatar for Ruth John (Rumyra) rumyra
0
86
Building Apps For FirefoxOS - Edited version
Avatar for Ruth John (Rumyra) rumyra
0
230
Lesser Spotted HTML
Avatar for Ruth John (Rumyra) rumyra
0
170
So you think you know HTML?
Avatar for Ruth John (Rumyra) rumyra
2
130

Other Decks in Programming

See All in Programming
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
5
1.3k
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
140
CSC305 Lecture 15
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
「文字列→日付」の落とし穴 〜Ruby Date.parseの意外な挙動〜
Avatar for sg4k0 sg4k0
0
360
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.1k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
28k
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
3
1.1k
20 years of Symfony, what's next?

Avatar for Fabien Potencier fabpot
2
310
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
4.1k
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
380
『実践MLOps』から学ぶ DevOps for ML
Avatar for Satsuki Nagae nsakki55
2
550
スタートアップを支える技術戦略と組織づくり
Avatar for pospome pospome
8
15k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k

Transcript

  1. Crochet  S*tches  &   Pixel  Density     Ruth  

    @rumyra  

  2. Crochet…                  

                           what?  

  3. Pixel  density…                

                             what?  
  4. None
  5. None

  6. Gauge  

  7. Pixel  Density   DPI,  PPI,  dppx  

  8. None

  9. h"p://coding.smashingmagazine.com/2012/08/20/towards-­‐re:na-­‐web/  

  10. Yarn                  

                                               Hooks  
  11. None
  12. None
  13. None
  14. None
  15. None

  16. Test,  test…          test  again  

  17. @media (min-resolution:2dppx) { /*specific styles here*/ } @media (max-resolution:1dppx) {

    /*specific styles here*/ } CSS  

  18. window.devicePixelRatio Javascript  

  19. www.rumyra.com/test