Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What We Talk About When We Talk About CSS

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

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
Building inclusive Open Source communities
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
37
Building Inclusive Open Source Communities
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
1
200
RGSoC 2018 Sponsor pitch
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
95
Building Inclusive Open Source Communities
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
95
Making your voice heard: Open Source needs You
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
27
Making your voice heard: Open Source needs You
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
34
Open Source Needs You
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
120
Hackathons
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
0
25
Contributing to & funding Open Source
D4b7ce0a2082f673856b27d46fee13c8?s=48 alicetragedy
1
200

Other Decks in Design

See All in Design
The Triangle
936338cf2e2eb7fbaadc60850935d0fb?s=48 wallabites
0
120
Overflow - IdentityDeck
88fa9de638d9581ccb33a627b9d2ebf5?s=48 overflowinc
0
1.9k
Banana Bribes
B896d135180958999cd053869215f3f0?s=48 ohtristanart
PRO
1
1.3k
デザインとフロントエンドの最先端！ 最新ツールを駆使したデザインから実装、そしてプロトタイプまでのシームレスな流れ【第9回】
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
1
480
u1w_未知のゲームを制作する時に考えたこと
05301e1170c62df84521684c17f96278?s=48 tobusaoi
0
110
ANTIEK
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
130
Nel: A Limbo Odessy
2e1491e2d31d39a7daaf76c62a5305ec?s=48 educe_art
0
150
ZENKIGEN Designについて
79f0cb7dbd41a861cfd94dc13ce879e8?s=48 yonekura907
0
610
デザインスプリントの組織導入と活用について
F126c62320c208faf9abbeda8a6343dc?s=48 transit_kix
3
1.3k
Episode 3 Onyx Monster Mysteries part 2
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
1
270
バーチャル街づくり連合（構想V1）
8c36fb60ec838f3116b7fbebe778948e?s=48 showyingart
0
1k
「SPACE DESIGN × DX」 - 店舗・オフィス等の空間DX伴⾛⽀援 -
9105b00a46e39490dceece1a02593cbb?s=48 pointedge
0
290

Featured

See All Featured
Build The Right Thing And Hit Your Dates
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
19
1.1k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
56
5.2k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
YesSQL, Process and Tooling at Scale
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
157
12k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.5k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
5.5k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.3k
How to train your dragon (web standard)
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
57
3.8k

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!