Sponsors

Sentry- use the code “devchat” for $100 credit
Netlify
Clubhouse
CacheFly

Episode Summary

In this episode of JavaScript Jabber, the panelists talk with Tommy Hodgins who specializes in responsive web design. He starts with explaining to listeners what it means by a responsive web layout and goes on to discuss the techniques in using JavaScript in CSS in depth.

He elaborates on dynamic styling of components, event-driven stylesheet templating, performance and timing characteristics of these techniques and describes different kinds of observers – interception, resize and mutation, and their support for various browsers. He also talks about how to go about enabling certain features by extending CSS, comparison to tools such as the CSS preprocessor and Media Queries, pros and cons of having this approach while citing relevant examples, exciting new features coming up in CSS, ways of testing the methods, caffeinated stylesheets, along with Qaffeine and Deqaf tools.

Links

JS in CSS – Event driven virtual stylesheet manager
Qaffiene
Deqaf
Tommy’s Twitter
Fizzbuzz

Picks

Joe

The Captain Is Dead

Aimee

Developer on Call
Tip – Try to follow a low-sugar diet

Chris

Charles

Coaching by Charles in exchange of writing Show Notes or Tags

Tommy

JS in CSS

Special Guest: Tommy Hodgins.

Support this podcast at — https://redcircle.com/javascript-jabber/donations Privacy & Opt-Out: https://redcircle.com/privacy

JSJ 352: Caffeinated Style Sheets: Supporting High Level CSS with JavaScript with Tommy Hodgins

JavaScript Jabber

JSJ 352: Caffeinated Style Sheets: Supporting High Level CSS with JavaScript with Tommy Hodgins