Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Variable Units

Avatar for Nils Nils
November 28, 2019
Technology
80
0

Variable Units

Folien zum Vortrag bei Webworker Ruhr am 28.11.2019

Avatar for Nils

Nils

November 28, 2019

More Decks by Nils

See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
Avatar for Nils enbee81
0
120
History of Art vs. Web Design vs CSS Development
Avatar for Nils enbee81
1
140
How Studying History Of Arts Helped Me Become A Better Frontend Designer
Avatar for Nils enbee81
0
86
History of Art and modern CSS
Avatar for Nils enbee81
0
280
Size does matter - Responsive Design in 2019 - V2
Avatar for Nils enbee81
0
180
Size does matter - Responsive Design in 2019
Avatar for Nils enbee81
0
77

Other Decks in Technology

See All in Technology
The Agent Builder Loop from Daily Work to OSS
Avatar for みのるん minorun365
PRO
3
130
Code4Lib JAPANカンファレンス2026 開会挨拶 / Code4Lib JAPAN Conference 2026: Opening Remarks
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
330
DEFCON_CHV_CTF_Write-up.pdf
Avatar for bata_24 bata_24
0
140
WAF 運用改善の承認サイクル/SRE_BizReach_MIXI_1
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
420
OpenTelemetry eBPF Instrumentationの舞台裏 / Behind the Scenes of OpenTelemetry eBPF Instrumentation
Avatar for ymotongpoo ymotongpoo
3
980
【視聴者参加型！】AWSセキュリティアンチパターンクイズ
Avatar for Shun Yoshie syoshie
1
490
Slack上でインフラをトラブルシュートする！ Agentic Platform Engineeringの第一歩
Avatar for teru0x1 teru0x1
2
530
あるけみー式LTスライド作成術
Avatar for Ryotaro Harada alchemy1115
1
170
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
260
家のリアーキテクト・リファクタリング
Avatar for Suguru Oki / スー suguruooki
0
110
Amazon Quick on DesktopがIAM Identity Centerで動かない理由
Avatar for YukiOgawa yukiogawa
0
160
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
Avatar for Aki / @LoveIdahoBurger aki_iinuma
4
3.9k

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
780
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.5k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
450
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
290

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