Upgrade to Pro — share decks privately, control downloads, hide ads and more …

History of Art and modern CSS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Nils Nils
July 11, 2019
Programming
280
0

History of Art and modern CSS

Avatar for Nils

Nils

July 11, 2019

More Decks by Nils

See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
Avatar for Nils enbee81
0
120
History of Art vs. Web Design vs CSS Development
Avatar for Nils enbee81
1
140
How Studying History Of Arts Helped Me Become A Better Frontend Designer
Avatar for Nils enbee81
0
83
Variable Units
Avatar for Nils enbee81
0
80
Size does matter - Responsive Design in 2019 - V2
Avatar for Nils enbee81
0
180
Size does matter - Responsive Design in 2019
Avatar for Nils enbee81
0
76

Other Decks in Programming

See All in Programming
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Vue × Nuxt × Oxc どこまで使える？実運用の現在地
Avatar for ANDPAD inc andpad
0
370
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
Avatar for philomagi tooppoo
0
180
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.7k
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
Avatar for MinoDriven minodriven
17
8.9k
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
Avatar for TomoyaKitaura tomoyakitaura
8
3.7k
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
420
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
840
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k
ビデオ通話が繋がる0.2秒で何が起きているのか
Avatar for Miyamoto Naoyuki supurazako
2
120
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
730
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
910
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
420
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
180

Transcript

  1. KUNSTGESCHICHTE UND FRONTEND DEVELOPMENT …Mindset of an UX Engineer

  2. NILS BINDER @supreme-being @nilsbinder

  3. 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

  4. UX 
 Engineering Backend Development Frontend Development Design Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  5. Robert Rauschenberg. White Painting [seven panel]. 1951

  6. None
  7. None
  8. None
  9. None

  10. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 x 182.9 x 45.3 cm Latex Paint Robert Rauschenberg, 1951 HTML / CSS Browser Rendered Website

  11. Rene Magritte. La Trahison des images. (Der Verrat der Bilder.)

    1929

  12. Georg Flegel. Stillleben mit Käse und Kirschen. 1635

  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None

  20. 160px 1em 144px = + 160px 160 / 1440 *

    100 = ≈ 11.111vw (16px) 144px 144 / 1440 * 100 = = 10vw 160px 1em 10vw = +
  21. None

  22. 23px 9px = + 0.875em (14px) 9px 9 / 1440

    * 100 = = 0.625vw 23px 0.875em 0.625vw = +
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None

  29. UX 
 Engineering Backend Development Frontend Development Design

  30. None