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

Believe in the Power of CSS - 30min Edition

Believe in the Power of CSS - 30min Edition

You know that song by Huey Lewis and the News, The Power of Love? "First time you feel it, it might make you sad." Might be how you feel about CSS right? What about the power of CSS? CSS has received a bad name as of late, but truth of the matter is that CSS is such a powerful piece of the front-end puzzle and you should really be excited for what's already here and what's to come! Who would have thought we could create magazine-style layouts with CSS grid? What about ruleset variable scoping with custom properties(CSS variables)? And last but not least, the pain of centering content horizontally and vertically which is now possible in three lines with flexbox! Let's talk about how awesome CSS is, and how we can restore our faith in one of the best things that makes the web amazing!

Chris DeMars

April 12, 2019
Tweet

More Decks by Chris DeMars

Other Decks in Technology

Transcript

  1. 3 “CSS is a key development skill.” - Ivana McConnell

    @ CSSConf AU Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  2. 4 “…also the problems with how we devalue things like

    CSS…” - Ivana Michael @ CSSConf AU Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  3. 15 Grid CSS variables Flexbox Blend modes Chris DeMars !

    @saltnburnem #JSHeroes #DeveloperCommunity
  4. 15 Grid CSS variables Flexbox Blend modes Viewport units Chris

    DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  5. 15 Grid CSS variables Accessibility Flexbox Blend modes Viewport units

    Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  6. 15 Grid CSS variables Accessibility Flexbox Blend modes Viewport units

    And more… Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  7. 33 Can’t change dynamically Dom unaware No js targets Drawbacks

    Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  8. 34 Cascade Inheritance js targets Pros of css vars Chris

    DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  9. 43 Numeronym A c c e s s i b

    i l i t y A 1 2 3 4 5 6 7 8 9 10 11 y A11y Chris DeMars ! @saltnburnem #JSHeroes #DeveloperCommunity
  10. 56 Thanks! Chris demars | saltnburnem Chris DeMars ! @saltnburnem

    https://codepen.io/chrisdemars/ https://bit.ly/2qNA9Q4 #JSHeroes #DeveloperCommunity