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

History of Art and modern CSS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Nils Nils
July 11, 2019
Programming
0
270

History of Art and modern CSS

Avatar for Nils

Nils

July 11, 2019
Tweet

More Decks by Nils

See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
Avatar for Nils enbee81
0
110
History of Art vs. Web Design vs CSS Development
Avatar for Nils enbee81
1
120
How Studying History Of Arts Helped Me Become A Better Frontend Designer
Avatar for Nils enbee81
0
79
Variable Units
Avatar for Nils enbee81
0
73
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
72

Other Decks in Programming

See All in Programming
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
5
1k
Docコメントで始める簡単ガードレール
Avatar for Keisuke Ikeda keisukeikeda
1
120
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
240
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.3k
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.3k
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
200
TipKitTips
Avatar for Ryomm ktcryomm
0
170
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
2
370
Claude Code Skill入門
Avatar for maya mayahoney
0
390
受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える
Avatar for Takasaki Kazunari kztakasaki
2
590

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
180
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
190
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
2.9k

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