Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Codestock2018 - CSS vs JS

259 views

Published on

Codestock slides - the embeds didn't work so see the references sheet at http://alicebrosey.com/2018/04/20/codestock-2018-slides-and-references

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Codestock2018 - CSS vs JS

  1. 1. CSS: Can You? !== Should You? Alice Brosey @ambroseya alice@alicebrosey.com
  2. 2. Jam on a biscuit. Photo credit to HTTPS://WWW.THECOUNTRYCOOK.NET/CREAM-BISCUITS-ONLY-2-INGREDIENTS/
  3. 3. CSS or JavaScript?
  4. 4. “For every project, there is a fine line between the role of CSS and the role of JavaScript, a balancing act.
  5. 5. Types of Developers ○ I want to do everything with JS because that’s “real development”. ○ I don’t know enough CSS so I will use mostly JS even if it’s hacked plugins ○ I want to do everything with CSS because that’s “cleaner”.
  6. 6. FIND THE BALANCE Figure out what is BEST, not what is EASIEST.
  7. 7. CSS ○ Harder different to debug ○ Not quite as dynamic ○ Easy to go too far overboard ○ One mistake can cascade through many places in the app Negative Support JavaScript ○ May get overly complex with dependencies ○ One bug can break the whole app ○ May lead to too little separation of concerns
  8. 8. CSS ○ Fewer dependencies ○ Better Performance?? ○ Separate the clothes from the body? ○ Don’t manipulate the DOM JavaScript ○ Easier to debug ○ Easier to test ○ Better Performance?? Positive Support
  9. 9. REDUCE YOUR TECHNICAL DEBT
  10. 10. This.
  11. 11. ○ Calculations – calc() ○ Flexbox ○ CSS Grid Layout ○ Viewport Units (vh, vw, vmin, vmax) ○ Media Queries ○ Selectors and Pseudoselectors ○ Animation ○ Filter CSS Everyone Needs
  12. 12. THANKS! Any questions? You can find me at: @ambroseya alice@alicebrosey.com

×