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

History of Art and modern CSS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8.1k
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
1.1k
AHC061解説
Avatar for Shun_PI shun_pi
0
380
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
120
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
150
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
180
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
240
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
150
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
200
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
Avatar for monochromegane monochromegane
2
460
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
200

Featured

See All Featured
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
92
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
790
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
220
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
150
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
85

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