Episode 42

042 JSJ CSS and CSS Superset Languages


January 11th, 2013

59 mins 1 sec

Your Hosts
Special Guest

About this Episode


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)

02:11 - CSS Gripes


Scalable and Modular Architecture for CSS (SMACSS)


16:32 - Preprocessors/Compilers





Chris Eppstein

20:34 - Basic Features of CSS Preprocessors


23:02 - Usefulness

27:15 - Mathematics w/ Variables


28:54 - Animation

Using CSS animations

31:12 - Nesting

35:40 - Build Processes


42:20 - Distinction


47:35 - Tightly Coupled

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

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 used to being able to set things up that will define the behavior that we want. And in CSS, you really don’t have that. It’s really just simple markup.

JOE:  So, do we consider the CSS languages, like Sass and LESS and all those to be part of CSS because then we talk about actually having those things.

CHUCK:  Yes. I don’t know if you can call them CSS.