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

History of Art and modern CSS

Nils
July 11, 2019

History of Art and modern CSS

Nils

July 11, 2019
Tweet

More Decks by Nils

Other Decks in Programming

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