CSS For The
JavaScript Developer

Walter Rumsby
September 13, 2012

Agenda

Source: bridging knowledge to health by paul bica, on Flickr

The Rise of JavaScript

Today JavaScript is regarded as a capable, general purpose programming language.

That wasn't always the case.

Source: Fall 2011 Student Hackathon Coding by hackNY, on Flickr

Source: return undefined; by nyuhuhuu, on Flickr

The Rise of CSS?

Our understanding of CSS has improved, but at a slower rate.

Source: Understand Me,For Who I Am!! by mohammadali, on Flickr

Source: CSS by micn2sugars, on Flickr

Nicole Sullivan: the Douglas Crockford of CSS?


Source: On the way to Lonavala by Premshree Pillai, on Flickr

Concepts

(I'm guessing you know about CSS selectors thanks to your JavaScript library.)

(I'm guessing you know already know about margins, borders & padding.)

Source: My room isn't big enough for my concepts by Rubén Chase, on Flickr

But First

You should always

Source: In The Name Of by Fey Ilyas, on Flickr

Boxes

Source: Archives' stacks by dolescum, on Flickr

Containers

Source: Freight by Thomas Hawk, on Flickr

Position

Source: In the middle of two equals... by Pulpolux !!!, on Flickr

Floating

Source: Pool by James Windsor, on Flickr

Pseudo Elements

Source: eggs1 by ivers, on Flickr

Specificity

Source: Stoic by icantcu, on Flickr

Some Ideas/Opinions

:hover

As an example.

Cool Tricks!

Source: Brobee! by c.r.avery, on Flickr

Pretty Cool

Source: Tattooed... by 85mm.ch, on Flickr

My Process

Source: Nerd! by Pedro Glez., on Flickr

Tools

Source: wrench rust by HVargas, on Flickr

Keep It Simple

Source: Kit by R0Ng, on Flickr

Questions?