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
0
56
Variable Units
Folien zum Vortrag bei Webworker Ruhr am 28.11.2019
Nils
November 28, 2019
Tweet
Share
More Decks by Nils
See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
enbee81
0
68
History of Art vs. Web Design vs CSS Development
enbee81
1
99
How Studying History Of Arts Helped Me Become A Better Frontend Designer
enbee81
0
62
History of Art and modern CSS
enbee81
0
230
Size does matter - Responsive Design in 2019 - V2
enbee81
0
160
Size does matter - Responsive Design in 2019
enbee81
0
64
Other Decks in Technology
See All in Technology
滑空スポーツ講習会2023 航空安全講習会 第4回 日常整備に役立ちそうな雑情報 / JSA Safety Seminar 2023 glider maintenance
jsaseminar
0
110
ChatGPTのLT会-メモソフトにChatGPT入れると結構便利
okada_fuutass
0
150
Automate your changelogs! Release Drafter
onenashev
PRO
2
410
『LeanとDevOpsの科学』をきちんと解読する 〜Four Keys だけじゃ絶対もったいなくなる話〜
bonotake
27
6.5k
Datadog による 自己完結的アプリケーションモニタリング
recruitengineers
PRO
3
130
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい5個のコツ - / How to start Scrum that is not written in the Scrum Guide
takaking22
14
5.2k
AWS IAM の結果整合性を避けるためセッションポリシーを用いてポリシーの動作確認を行う、を解説する
yukihirochiba
0
370
理想の組織も自分たちで作ろう! ―LayerXの「全員採用」を支える文化 / How to create our own ideal team
ar_tama
6
2.2k
Microsoft Fabric 開発ガイド
ryomaru0825
6
2.6k
Pass On What You Have Learned: Deploying to Production
ianlee1521
0
150
fujiwara-ware OSSをひたすら紹介する/ya8-2024
fujiwara3
7
380
あなたの知らないバグバウンティの世界
eurekaberry
1
1.4k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
GitHub's CSS Performance
jonrohan
1023
450k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Raft: Consensus for Rubyists
vanstee
130
6.2k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
Atom: Resistance is Futile
akmur
258
25k
A designer walks into a library…
pauljervisheath
199
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
Debugging Ruby Performance
tmm1
68
11k
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