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

Variable Units

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Nils Nils
November 28, 2019
Technology
78
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
110
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
82
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
75

Other Decks in Technology

See All in Technology
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.5k
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
740
AgentGatewayを試してみたかった
Avatar for t-kikuchi tkikuchi
0
120
Djangoユーザが知っ得なPostgreSQL機能 - 設計の選択肢を増やす / Djang-use-PostgreSQL
Avatar for soudai sone soudai
PRO
0
210
チームで実践する AI-DLC 思考の軌跡を残すチェックポイント設計
Avatar for Belong inc. belongadmin
0
3k
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
4
1.3k
個人の発見を、組織の知恵に 〜生成AI活用を"探索"から"組織の仕組み"へ〜
Avatar for KintoTech_Dev kintotechdev
3
1.1k
Ruby::Boxでできること、Refinementsでできること
Avatar for Tomohiro Hashidate joker1007
3
400
DevOps Agentで始めるAWS運用 〜フロンティアエージェントが変える運用の現場〜
Avatar for nyankotaro nyankotaro
1
320
AI Testing Talks: Challenges of Applying AI in Software Testing: From Hype to Practical Use
Avatar for Exactpro exactpro
PRO
1
140
AIの性能が向上しても未解決な組織の重大問題は何か?/An Unsolved Organizational Problem in the Age of AI
Avatar for moriyuya moriyuya
2
310
ChatworkとBPaaS 異なる特性で学んだAI機能開発の ベストプラクティス
Avatar for kubell kubell_hr
2
3.1k

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
360
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
550
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
210
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
160
Between Models and Reality
Avatar for mayunak mayunak
4
330
Docker and Python
Avatar for Tania Allard trallard
47
3.9k

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