Variable Units

November 28, 2019

72

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

Unwrapping Web Design | WW-Ruhr 2023

0

110

History of Art vs. Web Design vs CSS Development

1

120

How Studying History Of Arts Helped Me Become A Better Frontend Designer

0

79

History of Art and modern CSS

0

270

Size does matter - Responsive Design in 2019 - V2

0

180

Size does matter - Responsive Design in 2019

0

72

Other Decks in Technology

See All in Technology

マーケットプレイス版Oracle WebCenter Content For OCI

oracle4engineer

PRO

5

1.5k

茨城の思い出を振り返る～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo

PRO

1

190

Data Hubグループ紹介資料

PRO

0

2.7k

学生・新卒・ジュニアから目指すSRE

2

550

toCプロダクトにおけるAI機能開発のしくじりと学び / ai-product-failures-and-learnings

6

5.5k

20260204_Midosuji_Tech

0

110

セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup

1

290

Sansan Engineering Unit 紹介資料

PRO

1

3.8k

GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md

0

120

レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み

0

200

GCASアップデート（202510-202601）

0

250

仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで再現性を作る

2

590

Featured

See All Featured

State of Search Keynote: SEO is Dead Long Live SEO

0

110

Designing Powerful Visuals for Engaging Learning

0

220

The Curious Case for Waylosing

0

230

Claude Code のすすめ

67

210k

SEO for Brand Visibility & Recognition

0

4.2k

PRO

0

46k

89

10k

The Illustrated Children's Guide to Kubernetes

51

51k

GraphQLとの向き合い方2022年版

50

14k

Product Roadmaps are Hard

PRO

55

12k

職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position

56

50k

コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI

60

42k

Transcript

@supremebeing09 VARIABLE UNITS
@supremebeing09 VARIABLE UNITS Kill the Pixel!
@supremebeing09 NILS BINDER @supreme-being @nilsbinder
@supremebeing09 Design Backend Development Frontend Development
@supremebeing09 Backend Development Frontend Development Design
@supremebeing09 UX Engineer Backend Development Frontend Development Design
@supremebeing09 UX Engineer Backend Development Frontend Development Design Frontend Designer
@supremebeing09 UX Engineer Backend Development Frontend Development Design Frontend Designer
Interface Developer
@supremebeing09 UX Engineer Backend Development Frontend Development Design
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 UX Engineer Backend Development Frontend Development Design Fotograﬁe UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 Backend Development Frontend Development Design Fotograﬁe UX-Design API Data
Storage Illustration UI-Design Presentational JS JS Frameworks Business Logic
@supremebeing09 Backend Development Frontend Development Design Fotograﬁe UX-Design API Data
Storage Illustration UI-Design Presentational JS JS Frameworks Business Logic
@supremebeing09
@supremebeing09
@supremebeing09 Die Qual der Wahl…
@supremebeing09 der Wahl… Die Qual
@supremebeing09 px der Wahl… Die Qual
@supremebeing09 px % der Wahl… Die Qual
@supremebeing09 px % em der Wahl… Die Qual
@supremebeing09 px % em rem der Wahl… Die Qual
@supremebeing09 px % em rem vw/vh der Wahl… Die Qual
@supremebeing09 px % em rem vw/vh vmin/vmax der Wahl… Die
Qual
@supremebeing09 px % em rem vw/vh vmin/vmax ch der Wahl…
Die Qual
@supremebeing09 px % em rem vw/vh vmin/vmax ch fr der
Wahl… Die Qual
@supremebeing09 px % em rem vw/vh vmin/vmax ch fr -keine-
der Wahl… Die Qual
@supremebeing09 px vw/vh vmin/vmax % fr rem em ch -keine-
der Wahl… Die Qual
@supremebeing09 Wie viel em sind 10px??
@supremebeing09 Wie viel em sind 10px?? 10 / 16 =
0.625 em
@supremebeing09 Wie viel em sind 10px?? 10 / 16 =
0.625 em 22 / 16 = 1.375em
@supremebeing09 Wie viel em sind 10px?? 10 / 16 =
0.625 em 22 / 16 = 1.375em 756 / 1440 * 100 = 52.5vw
@supremebeing09 Meet Alfred www.alfredapp.com
@supremebeing09 Meet Alfred www.alfredapp.com