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

How Studying History Of Arts Helped Me Become A...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Nils Nils
September 02, 2020
Programming
0
79

How Studying History Of Arts Helped Me Become A Better Frontend Designer

Avatar for Nils

Nils

September 02, 2020
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
Variable Units
Avatar for Nils enbee81
0
72
History of Art and modern CSS
Avatar for Nils enbee81
0
270
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
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
410
Oxlint JS plugins
Avatar for kazupon kazupon
1
1k
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
150
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
510
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
630
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
210
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
110

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
230
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
96
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
160

Transcript

  1. HOW STUDYING HISTORY OF ARTS HELPED ME BECOME A BETTER

    FRONTEND DESIGNER

  2. NILS BINDER @supremebeing09

  3. NILS BINDER @supremebeing09

  4. Design Backend Development Frontend Development

  5. Design Backend Development Frontend Development

  6. Backend Development Frontend Development Design

  7. Frontend Design Backend Development Frontend Development Design

  8. Frontend Design Backend Development Frontend Development Design UX Engineering

  9. Frontend Design Backend Development Frontend Development Design UX Engineering Interface

    Development

  10. Frontend Design Backend Development Frontend Development Design

  11. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

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

  12. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

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

  13. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

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

  14. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

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

  15. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic Frontend Design

  16. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

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

  17. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

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

  18. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic Frontend Design

  19. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

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

  20. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
  21. None
  22. None

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

  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. „Paint them so they look like they haven’t been painted.

    No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

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

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

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

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

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

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint Robert Rauschenberg, 1951

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

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

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

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

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

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

  39. Rene Magritte. La Trahison des images. 1929

  40. None
  41. None

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

  43. None
  44. None
  45. None

  46. @supremebeing09

  47. @supremebeing09

  48. @supremebeing09

  49. @supremebeing09

  50. @supremebeing09

  51. @supremebeing09

  52. @supremebeing09

  53. @supremebeing09

  54. @supremebeing09

  55. @supremebeing09

  56. @supremebeing09

  57. @supremebeing09

  58. @supremebeing09

  59. @supremebeing09

  60. @supremebeing09

  61. @supremebeing09

  62. @supremebeing09

  63. @supremebeing09

  64. @supremebeing09

  65. @supremebeing09

  66. None
  67. None
  68. None

  69. Backend Development Frontend Development Design

  70. Backend Development Frontend Development Design

  71. Frontend Design Backend Development Frontend Development Design

  72. Frontend Design Backend Development Frontend Development Design