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
Size does matter - Responsive Design in 2019
Search
Nils
March 27, 2019
Technology
0
71
Size does matter - Responsive Design in 2019
Nils
March 27, 2019
Tweet
Share
More Decks by Nils
See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
enbee81
0
110
History of Art vs. Web Design vs CSS Development
enbee81
1
120
How Studying History Of Arts Helped Me Become A Better Frontend Designer
enbee81
0
76
Variable Units
enbee81
0
71
History of Art and modern CSS
enbee81
0
270
Size does matter - Responsive Design in 2019 - V2
enbee81
0
170
Other Decks in Technology
See All in Technology
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
370
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
150
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
220
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
440
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
780
GitHub Copilot の概要
tomokusaba
1
150
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
440
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
100
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
380
ビギナーであり続ける/beginning
ikuodanaka
1
190
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Six Lessons from altMBA
skipperchong
28
3.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
GraphQLとの向き合い方2022年版
quramy
49
14k
Site-Speed That Sticks
csswizardry
10
670
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Code Reviewing Like a Champion
maltzj
524
40k
The Cult of Friendly URLs
andyhume
79
6.5k
Bash Introduction
62gerente
614
210k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Transcript
SIZE DOES MATTER… …Responsive Design in 2019
NILS BINDER @supreme-being @nilsbinder
800x600
1024x768
1280x1024 1024
1280x1024 1200
320x480
1440x900
3440x1440 1000 1000 1440
4096x2048 1440
1440x900
None
None
None
None
Die Qual der Wahl… px % em rem vw/vh vmin/vmax
ch fr -keine-
Die Qual der Wahl… px rem vw/vh vmin/vmax % fr
em ch -keine-
html { font-size: 10px; } .teaser { width: 320px; }
P { font-size: 1.8rem; line-height: 2.4rem; }
None
html { font-size: 10px; } .teaser { width: 320px; }
P { font-size: 1.8rem; line-height: 2.4rem; }
html { font-size: 100%; } .teaser { width: 320px; }
P { font-size: 1.8rem; line-height: 2.4rem; }
html { font-size: 100%; } .teaser { font-size: 1rem; width:
20em; } P { font-size: 1.8rem; line-height: 2.4rem; }
html { font-size: 100%; } .teaser { font-size: 1rem; width:
20em; } P { font-size: 1.125em; line-height: 1.333; }
None
None
Grid-Header
Grid-Header
Grid-Header
None
None
None
None
None
Visit https://ruhrjs.de
None