$30 off During Our Annual Pro Sale. View Details »

Variable Units

Nils
November 28, 2019
Technology
0
31

Variable Units

Folien zum Vortrag bei Webworker Ruhr am 28.11.2019

Nils

November 28, 2019
Tweet

More Decks by Nils

See All by Nils
History of Art vs. Web Design vs CSS Development
enbee81
1
48
How Studying History Of Arts Helped Me Become A Better Frontend Designer
enbee81
0
45
History of Art and modern CSS
enbee81
0
200
Size does matter - Responsive Design in 2019 - V2
enbee81
0
150
Size does matter - Responsive Design in 2019
enbee81
0
54

Other Decks in Technology

See All in Technology
What's Data Lake ? Azure Data Lake best practice
ryomaru0825
3
1.3k
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
10
22k
OCI GoldenGate Overview
oracle4engineer
PRO
0
180
Make time count with Wear OS 🤖⌚️
moyheen
3
180
Possibility of OCI Container Runtime with Rust
utam0k
2
300
K/NでCryptoKit使いたかった
ryunen344
0
110
NW-JAWS 勉強会#9: re:Inventで発表されたNW関連速報
yukihirokikuchi
0
180
VPoEとして1年 もっとこうすればよかった3選 / VPoE Retrospective
konifar
9
4.9k
Next decade of Rails Girls and the community
okuramasafumi
1
120
Node-RED で GCP IoT Core でつないでた仕組みを Azure IoT にライトにつなぎ変えてみる試行錯誤
1ftseabass
PRO
0
110
Verrazzano 概要 / Verrazzano overview
oracle4engineer
PRO
0
420
OCI Search Service with OpenSearch ご紹介/search-service-overview
oracle4engineer
PRO
0
330

Featured

See All Featured
Gamification - CAS2011
davidbonilla
75
4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
Become a Pro
speakerdeck
PRO
3
3.1k
Statistics for Hackers
jakevdp
782
210k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Writing Fast Ruby
sferik
613
57k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
21
1.6k
Making the Leap to Tech Lead
cromwellryan
114
7.6k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
317
19k
StorybookのUI Testing Handbookを読んだ
zakiyama
7
3.1k
Producing Creativity
orderedlist
PRO
335
37k

Transcript

  1. @supremebeing09 VARIABLE UNITS

  2. @supremebeing09 VARIABLE UNITS Kill the Pixel!

  3. @supremebeing09 NILS BINDER @supreme-being @nilsbinder

  4. @supremebeing09 Design Backend Development Frontend Development

  5. @supremebeing09 Backend Development Frontend Development Design

  6. @supremebeing09 UX Engineer Backend Development Frontend Development Design

  7. @supremebeing09 UX Engineer Backend Development Frontend Development Design Frontend Designer

  8. @supremebeing09 UX Engineer Backend Development Frontend Development Design Frontend Designer

    Interface Developer

  9. @supremebeing09 UX Engineer Backend Development Frontend Development Design

  10. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  11. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  12. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  13. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  14. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  15. @supremebeing09 UX Engineer Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  16. @supremebeing09 Backend Development Frontend Development Design Fotografie UX-Design API Data

    Storage Illustration UI-Design Presentational JS JS Frameworks Business Logic

  17. @supremebeing09 Backend Development Frontend Development Design Fotografie UX-Design API Data

    Storage Illustration UI-Design Presentational JS JS Frameworks Business Logic

  18. @supremebeing09

  19. @supremebeing09

  20. @supremebeing09 Die Qual der Wahl…

  21. @supremebeing09 der Wahl… Die Qual

  22. @supremebeing09 px der Wahl… Die Qual

  23. @supremebeing09 px % der Wahl… Die Qual

  24. @supremebeing09 px % em der Wahl… Die Qual

  25. @supremebeing09 px % em rem der Wahl… Die Qual

  26. @supremebeing09 px % em rem vw/vh der Wahl… Die Qual

  27. @supremebeing09 px % em rem vw/vh vmin/vmax der Wahl… Die

    Qual

  28. @supremebeing09 px % em rem vw/vh vmin/vmax ch der Wahl…

    Die Qual

  29. @supremebeing09 px % em rem vw/vh vmin/vmax ch fr der

    Wahl… Die Qual

  30. @supremebeing09 px % em rem vw/vh vmin/vmax ch fr -keine-

    der Wahl… Die Qual

  31. @supremebeing09 px vw/vh vmin/vmax % fr rem em ch -keine-

    der Wahl… Die Qual

  32. @supremebeing09 Wie viel em sind 10px??

  33. @supremebeing09 Wie viel em sind 10px?? 10 / 16 =

    0.625 em

  34. @supremebeing09 Wie viel em sind 10px?? 10 / 16 =

    0.625 em 22 / 16 = 1.375em

  35. @supremebeing09 Wie viel em sind 10px?? 10 / 16 =

    0.625 em 22 / 16 = 1.375em 756 / 1440 * 100 = 52.5vw

  36. @supremebeing09 Meet Alfred www.alfredapp.com

  37. @supremebeing09 Meet Alfred www.alfredapp.com