Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Variable Units
Search
Nils
November 28, 2019
Technology
80
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Variable Units
Folien zum Vortrag bei Webworker Ruhr am 28.11.2019
Nils
November 28, 2019
More Decks by Nils
See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
enbee81
0
120
History of Art vs. Web Design vs CSS Development
enbee81
1
140
How Studying History Of Arts Helped Me Become A Better Frontend Designer
enbee81
0
83
History of Art and modern CSS
enbee81
0
280
Size does matter - Responsive Design in 2019 - V2
enbee81
0
180
Size does matter - Responsive Design in 2019
enbee81
0
77
Other Decks in Technology
See All in Technology
老害フォレンジッカーはAI羊の夢を見るか？
tadmaddad
0
320
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
cygames
PRO
0
150
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
upura
1
700
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ～最高のキャラゲーを目指して～
cygames
PRO
0
250
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
nrinetcom
PRO
1
110
クラウドセキュリティ入門 ～安全なクラウド利用のための基礎知識～
lhazy
13
8.6k
モダンフロントエンド 開発研修
recruitengineers
PRO
4
610
グローバル基準のSREは、運用現場でどう機能したか：成熟度アセスメントの実践 ／ SRE NEXT 2026
sorawatanabe
0
190
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏～
cygames
PRO
1
1.2k
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
210
個人OSSが、机の上から世界に広がるまでの話
shinyasaita
1
390
Featured
See All Featured
Done Done
chrislema
186
16k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
460
Building Applications with DynamoDB
mza
96
7.2k
Designing Powerful Visuals for Engaging Learning
tmiket
1
480
Facilitating Awesome Meetings
lara
57
7.1k
WCS-LA-2024
lcolladotor
0
790
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1.1k
GraphQLとの向き合い方2022年版
quramy
50
15k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
210
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
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 Fotografie 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 Fotografie 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 Fotografie 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 Fotografie 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 Fotografie 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 Fotografie UX-Design
CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
@supremebeing09 Backend Development Frontend Development Design Fotografie UX-Design API Data
Storage Illustration UI-Design Presentational JS JS Frameworks Business Logic
@supremebeing09 Backend Development Frontend Development Design Fotografie 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
enbee81
tadmaddad
cygames
sansan33
upura
nrinetcom
lhazy
recruitengineers
sorawatanabe
yamaguchitk333
shinyasaita
chrislema
cassininazir
mza
tmiket
lara
lcolladotor
sergeychernyshev
soysaucechin
quramy
akademiya2063
aleyda
morganepeng
