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
59
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
71
History of Art vs. Web Design vs CSS Development
enbee81
1
100
How Studying History Of Arts Helped Me Become A Better Frontend Designer
enbee81
0
63
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
66
Other Decks in Technology
See All in Technology
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
890
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
500
Cracking the KubeCon CfP
inductor
2
240
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
460
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
200
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
JAWS-UG Bedrock Claude Night
yamahiro
3
570
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
2
2.2k
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
The Mythical Team-Month
searls
216
42k
Web Components: a chance to create the future
zenorocha
305
41k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
We Have a Design System, Now What?
morganepeng
43
6.7k
Designing for humans not robots
tammielis
248
25k
[RailsConf 2023] Rails as a piece of cake
palkan
23
3.9k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
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