Panel

Brian Turley (twitter blog)
Joe Eames (twitter github blog)
Merrick Christensen (twitter github)
AJ O’Neal (twitter github blog)
Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up)

Discussion
02:11 - CSS Gripes

Sass

Scalable and Modular Architecture for CSS (SMACSS)

CSS3

16:32 - Preprocessors/Compilers

LESS

Sass

Stylus

Compass

Chris Eppstein

20:34 - Basic Features of CSS Preprocessors

nib
mix-ins

23:02 - Usefulness

27:15 - Mathematics w/ Variables

Susy

28:54 - Animation

Using CSS animations

31:12 - Nesting

35:40 - Build Processes

grunt.js

42:20 - Distinction

Prefixing

47:35 - Tightly Coupled
Picks

Old Man’s War by John Scalzi (Joe)
X-Wing Miniatures Game (Joe)
Dave Crowe (Merrick)
Utah Software Craftsmanship Group (AJ)
Effective JavaScript by David Herman (AJ)
SD Card (Chuck)
New Media Expo (Chuck)
Consumer Electronics Show (Chuck)
iOS Development Podcast (Chuck)
Grid Systems in Graphic Design by Josef Muller-Brockmann (Brian)
IFTTT (Brian)

Book Club

Effective JavaScript by David Herman

Transcript
MERRICK: You have more technical problems than any other nerd I know.

[Hosting and bandwidth provided by the Blue Box Group. Check them out at bluebox.net.]

[This episode is sponsored by Component One, makers of Wijmo. If you need stunning UI elements or awesome graphs and charts, then go to Wijmo.com and check them out.]

CHUCK: Hey everybody and welcome to Episode 42 of the JavaScript Jabber show. This week on our panel, we have Joe Eames.

MERRICK: He’s out to a phone call, terrible timing.

CHUCK: We also have Merrick Christensen.

MERRICK: That’s me.

CHUCK: AJ O’Neal.

AJ: Yo! Yo! Yo! Coming at you live from the snow sphere of Provo, Utah.

CHUCK: And we have a guest, that’s Brian Turley.

BRIAN: That’s right. I’m a designer friend of AJ’s.

CHUCK: We’re talking about CSS today so we brought in a designer to set us all straight.

And I’m Charles Max Wood from devchat.tv. And like I said, we’re talking about CSS today. One of the things I think that’s interesting about CSS is that it converges with JavaScript. Well, there are a couple of things but one is systems like LESS, that kind of compile, they give you some sane options for dealing with some of the dumb stuff that CSS doesn’t include. Then the other one is, I’ve also wound up fighting designers for selectors in the HTML. And so, I thought we could talk through that a little bit as well.

BRIAN: Hey, Chuck?

CHUCK: Yes?

BRIAN: I think those are two like really good points but I think there’s even more areas we can discuss in terms of how JavaScript and CSS are coupled. Like computed styles from JavaScript and also all the CSS methods from JavaScript. And the fact that your JavaScript sometimes doesn’t work, your UI doesn’t work unless the CSS is set up. I think the two tend to be a lot more coupled than people like to think.

CHUCK: I agree. That’s fair. So, which avenue or which aspect do you want to tackle first? Should we talk about just CSS and where it kind of doesn’t give us what we want?

BRIAN: I would love to complain about CSS. I got some bitterness in that sphere.

CHUCK: I know some people consider it programming but it doesn’t have any of the things that classic programming has like variables and functions or methods or anything like that. And I think that’s where a lot of us get frustrated is that we’re used to being able to reuse things, we’re us... Support this podcast at — https://redcircle.com/javascript-jabber/donations Privacy & Opt-Out: https://redcircle.com/privacy

042 JSJ CSS and CSS Superset Languages

JavaScript Jabber