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

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

Avatar for Nils Nils
September 02, 2020
Programming
83
0

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

Avatar for Nils

Nils

September 02, 2020

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
Variable Units
Avatar for Nils enbee81
0
80
History of Art and modern CSS
Avatar for Nils enbee81
0
280
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
76

Other Decks in Programming

See All in Programming
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
260
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Avatar for NAGATA Hiroaki handlename
0
140
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
1B+ /day規模のログを管理する技術
Avatar for Broadleaf Co., Ltd. broadleaf
0
130
act2-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
100
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
220
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
120
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
470
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
420
才能？センス？知らん、 続けたもん勝ちだ。-- 結婚・出産・癌を越えてなお、私がプロダクトを創り続ける理由
Avatar for 16bit_idol 16bitidol
2
820
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
300
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
Avatar for Yusuke Wada yusukebe
7
1.8k

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
300
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
500
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
290
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
730
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k

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