What We Talk About When We Talk About CSS

D4b7ce0a2082f673856b27d46fee13c8?s=47 alicetragedy
July 20, 2013
Design
0
49

What We Talk About When We Talk About CSS

An Introduction to CSS for a PyLadies workshop in Vienna, Austria.

D4b7ce0a2082f673856b27d46fee13c8?s=128

alicetragedy

July 20, 2013
Tweet

More Decks by alicetragedy

See All by alicetragedy
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
31
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
1
200
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
86
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
90
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
25
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
31
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
64
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
23
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
1
180

Other Decks in Design

See All in Design
53686ab0d1d54666a9ca00dd0086a68f?s=48 kobiebrett
0
500
F1fdc613ab30a10d92baa64c3ae62cdd?s=48 meemee14
0
210
Eb413d2c22e29500565cab1f71c9c707?s=48 evaq
0
300
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
170
47cfcc31bd5f707c2ca52c2de26d3e4a?s=48 rkleban
0
110
06c8d11cb428d80d6e1d4282f8814a3b?s=48 arkrevner
0
110
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
0
120
8ada576a21f7c559aa754746308d5093?s=48 skinnybrian
2
270
703f52adaba29aff9877b03b98d431a6?s=48 koeri
0
110
534038df473acff10c2ecabc4a6f426e?s=48 jerbonds
0
190
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
240
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
570

Featured

See All Featured
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
83
3.8k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.1k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
308
21k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
6
380
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
342
20k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
340
25k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
350k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
420
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
7
1.1k

Transcript

  1. a not-so-thorough lightning talk by Laura Gaetano When we talk

    about CSS What we talk about

  2. and I'm a visual artist gone geek. Hello, my name

    is Laura

  3. (I also email developers when I find typos in their

    apps.) I like impressive, clear, exciting, functional and beautiful design.

  4. (what's that?) Some years ago, I fell in love with

    CSS

  5. and that's a good thing. Cascading Style Sheets help you

    style and strategically divide your page

  6. The Basics: Think of it like a recipe

  7. - you have a lot of ingredients available to choose

    from - and: some ingredients reaaaaaally don't like each other! - the order in which you use them matters! (most of the time)

  8. Onto the hard stuff: What does CSS look like? It

    has a lovely, easy to learn syntax: lots of curly braces and semi-colons!

  9. body { font-family: Helvetica; font-color: purple; } selector / property

    / value

  10. To insert CSS into your HTML code, you can either

    use <style> tags in your <head></head>... (but that's not so cool) or use an external stylesheet which means you can keep all your styling in one place!

  11. External Stylesheet = Awesome <link href="your_css_filename.css" rel="stylesheet" type="text/css" />

  12. If you want to play around with CSS you can

    check out the Twitter bootstrap http://twitter.github.io/bootstrap/

  13. If you want to stalk me, you can find me

    here: twitter: @alicetragedy web: www.alicetragedy.org github: github.com/alicetragedy instagram: okay, you get the point

  14. (sponsored by placekitten.com) And here's a kitten picture for you!