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
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
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
610
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
660
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
140
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
3
270
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
7
8.3k
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
220
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
760

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
0
1.8k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
130
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k

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