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

BI ツールはもういらない？Amazon RedShift & MCP Server で試みる新しいデータ分析アプローチ

0

160

Digitization部紹介資料

PRO

1

5.5k

オープンソースでどこまでできる？フォーマル検証チャレンジ

0

140

Wasmのエコシステムを使ったツール作成方法

0

170

ComposeではないコードをCompose化する case ビズリーチ / DroidKaigi 2025 koyasai

visional_engineering_and_design

0

110

これがLambdaレス時代のChatOpsだ！実例で学ぶAmazon Q Developerカスタムアクション活用法

PRO

6

1.1k

AgentCon Accra: Ctrl + Alt + Assist: AI Agents Edition

0

110

能登半島災害現場エンジニアクロストーク【JAWS FESTA 2025 in 金沢】

0

840

"プロポーザルってなんか怖そう"という境界を超えてみた＠TSUDOI by giftee Tech #1

0

200

OCI Network Firewall 概要

oracle4engineer

PRO

2

7.9k

今この時代に技術とどう向き合うべきか

PRO

2

1.8k

いまからでも遅くない！SSL/TLS証明書超入門（It's not too late to start! SSL/TLS Certificates: The Absolute Beginner's Guide）

0

240

Featured

See All Featured

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

132

19k

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

31

2.5k

Mobile First: as difficult as doing things right

224

10k

Building an army of robots

306

46k

The Invisible Side of Design

302

51k

The Art of Delivering Value - GDevCon NA Keynote

16

1.7k

Automating Front-end Workflow

1371

200k

The Power of CSS Pseudo Elements

79

6k

Stop Working from a Prison Cell

271

21k

The Illustrated Children's Guide to Kubernetes

49

51k

Into the Great Unknown - MozCon

40

2.1k

RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub

140

34k

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