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

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
83
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
76

Other Decks in Technology

See All in Technology
インフラ寄りSREでも 開発に踏み出せる〜境界を越えてユーザー体験に向き合いたい〜
Avatar for SansanTech sansantech
PRO
2
3.4k
誤解だらけの開発生産性 / Myths and Misconceptions about Developer Productivity
Avatar for Masato Ishigaki / 石垣雅人 i35_267
1
110
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
110k
知らん間に、回ってる
Avatar for ming ming_ayami
0
390
なぜ私たちのSREプラクティスはなかなか機能しないのか 〜システムより先に組織を見る〜 / Why our SRE practices aren't really working
Avatar for VTRyo vtryo
3
3.4k
AIに「使われる」時代のSaaS戦略 〜既存WebAPIのMCPサーバー化における開発ノウハウ〜
Avatar for 駅すぱあと API ekispert_api
0
310
最適な自走を最小限の支援で — M&Aで拡大する組織で少人数SREが挑んだ1年 / SRE NEXT 2026
Avatar for GENDA genda
0
920
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
2.5k
環境凍結という Toil を倒す -セルフサービス型 Ephemeral テスト環境の 設計と実践
Avatar for Yuji Shirai shirouz
1
2.1k
ゼロをイチにする仕事が終わったあと
Avatar for Masato Sugiyama smasato
0
330
SRE Lounge Hiroshimaへの招待
Avatar for gr1m0h grimoh
0
600
型は壁、Rustでもバグを直すな、表現できなくせよ
Avatar for nwiizo nwiizo
13
2k

Featured

See All Featured
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
270
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
220
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k
A Soul's Torment
Avatar for Nat Ma seathinner
6
3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k

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