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

CSS for Designers

CSS for Designers

Is there anybody still designing based on a 12-column grid? I’m going to convince you to stop that. This session is not about discussing whether designers should learn to code. It’s about the capabilities of today’s browsers (layout, typography, …)
For presented codepens, see https://noti.st/gunnarbittersmann/k8WWzJ/css-for-designers

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

June 05, 2022
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

Transcript

  1. CSS for Dummies esigner Gunnar Bittersmann @g 1 6 n

    #uxce 2 2
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. Älexanderplatz baseline ascent cap height mean line descent x-height font

    
 size
  12. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of fi cia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of fi cia deserunt mollit anim id est laborum. 10 25
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. CSS for Dummies esigner Gunnar Bittersmann @g 1 6 n

    #uxce 2 2
  21. CSS for Dummies Gunnar Bittersmann @g 1 6 n #uxce

    2 2