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

78

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

業務のトイルをバスターせよ〜AI時代の生存戦略〜

PRO

2

110

プロンプトやエージェントを自動的に作る方法

0

520

AWS Bedrock AgentCoreで作る 1on1支援AIエージェント〜Memory × Evaluationsによる実践開発〜

6

400

新 Security HubがついにGA！仕組みや料金を深堀り #AWSreInvent #regrowth / AWS Security Hub Advanced GA

masahirokawahara

1

1.9k

技術以外の世界に『越境』しエンジニアとして進化を遂げる〜Kotlinへの愛とDevHRとしての挑戦を添えて〜

1

440

意外とあった SQL Server 関連アップデート + Database Savings Plans

PRO

0

310

ガバメントクラウド利用システムのライフサイクルについて

0

190

【AWS re:Invent 2025速報】AIビルダー向けアップデートをまとめて解説！

4

510

[JAWS-UG 横浜支部 #91]DevOps Agent vs CloudWatch Investigations -比較と実践-

1

250

Overture Maps Foundationの3年を振り返る

0

180

re:Inventで気になったサービスを10分でいけるところまでお話しします

1

120

大企業でもできる！ボトムアップで拡大させるプラットフォームの作り方

findy_eventslides

1

730

Featured

See All Featured

Build your cross-platform service in a week with App Engine

234

18k

How to Think Like a Performance Engineer

28

2.4k

Design and Strategy: How to Deal with People Who Don’t "Get" Design

132

19k

Let's Do A Bunch of Simple Stuff to Make Websites Faster

508

140k

Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]

10

720

XXLCSS - How to scale CSS and keep your sanity

249

1.3M

How GitHub (no longer) Works

316

140k

Large-scale JavaScript Application Architecture

515

110k

Chrome DevTools: State of the Union 2024 - Debugging React & Beyond

9

1k

Why You Should Never Use an ORM

PRO

61

9.6k

Designing Dashboards & Data Visualisations in Web Apps

231

54k

Building an army of robots

306

46k

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