History of Art and modern CSS

Transcript

1. KUNSTGESCHICHTE
   UND FRONTEND
   DEVELOPMENT
   …Mindset of an UX Engineer
   

   View Slide

2. NILS BINDER
   @supreme-being
   @nilsbinder
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

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
    

    View Slide

11. Rene Magritte.
    La Trahison des images.
    (Der Verrat der Bilder.)
    1929
    

    View Slide

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

    View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. 160px 1em 144px
    = +
    160px 160 / 1440 * 100
    = ≈ 11.111vw
    (16px)
    144px 144 / 1440 * 100
    = = 10vw
    160px 1em 10vw
    = +
    

    View Slide

21. View Slide

22. 23px 9px
    = +
    0.875em
    (14px)
    9px 9 / 1440 * 100
    = = 0.625vw
    23px 0.875em 0.625vw
    = +
    

    View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. UX 

    Engineering
    Backend
    Development
    Frontend
    Development
    Design
    

    View Slide

30. View Slide