Give CSS3 Some Love / FOWD2015

F8403810aba9bdec8f66588c856d0e2f?s=47 Dan Cork
November 04, 2015

Give CSS3 Some Love / FOWD2015

Give CSS3 Some Love
Future of Web Design 2015 - Rising Stars

F8403810aba9bdec8f66588c856d0e2f?s=128

Dan Cork

November 04, 2015
Tweet

Transcript

  1. 13.
  2. 26.

    T oo often the web interface ends up being the

    lowest common denominator Henrik Joreteg
  3. 32.
  4. 34.
  5. 38.

    Less than half of web is responsive! IE is dying

    CSS is your friend CSS3 usage is poor
  6. 51.
  7. 52.
  8. 72.
  9. 78.
  10. 79.
  11. 85.
  12. 91.
  13. 95.

    @media (light-level: dim) { .app { background: black; color: white;

    } } @media (light-level: washed) { .app { background: white; color: black; } }
  14. 96.
  15. 98.

    .element .tooltip { /* hide tooltip */ } @media (hover)

    { .element .inline-tooltip { /* hide inline tooltip */ } .element:hover .tooltip { /* show tooltip */ } }
  16. 99.
  17. 103.
  18. 107.
  19. 115.
  20. 129.

    Feature queries removes reliance on JavaScript :has() is too awesome!!!

    New media queries, understand the environment better