Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

History of Art and modern CSS

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
86
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
77

Other Decks in Programming

See All in Programming
不幸な GC
Avatar for Chen chencmd
0
900
LoopHub - ローカルで動く GitHub で、AI と共同開発
Avatar for jugyo jugyo
1
500
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
Avatar for bash0C7 bash0c7
0
330
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
160
ハーネス設計入門 〜プロンプト、コンテキストの次〜
Avatar for kinopee kinopeee
56
37k
思考垂れ流し開発　～音声入力 × AIエージェント × 開発ハーネスによる試行錯誤～
Avatar for NPOS npostring
0
1.1k
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
300
Security issues being discussed on Web Platforms
Avatar for petamoriken / 森建 petamoriken
0
690
AIは賢い。でも実行環境は？ CLIおじさんがAI時代に伝えたいこと ~ CLIおじさんがAI時代に伝えたいこと ~
Avatar for curekoshimizu curekoshimizu
1
230
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
220
AI Agent時代のリアーキテクチャ戦略と実践
Avatar for Kazuhito Hokamura hokaccha
9
3.8k
kubernetes コンポーネント開発入門 / 新卒N年目の勉強会&交流会！〜〇〇への誘い〜 #n_study
Avatar for mazrean mazrean
0
200

Featured

See All Featured
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
500
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.9k
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
230
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
58k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
780
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
590

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