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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
73
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
maplibre-gl-layers - 地図に移動体たくさん表示したい
Avatar for Kouji Matsui kekyo
PRO
0
270
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
220
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
340
ロボットのための工場に灯りは要らない
Avatar for watany watany
10
2.9k
モダンOBSプラグイン開発
Avatar for Kaito Udagawa umireon
0
130
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
850
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
Avatar for monochromegane monochromegane
4
420
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
470
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
180
Angular-Apps smarter machen mit Gen AI: Lokal und offlinefähig - Hands-on Workshop!
Avatar for Christian Liebel christianliebel
PRO
0
110
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
200

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
480
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k

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