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

What We Talk About When We Talk About CSS

Avatar for alicetragedy alicetragedy
July 20, 2013
Design
0
73

What We Talk About When We Talk About CSS

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

Avatar for alicetragedy

alicetragedy

July 20, 2013
Tweet

More Decks by alicetragedy

See All by alicetragedy
Building inclusive Open Source communities
Avatar for alicetragedy alicetragedy
0
100
Building Inclusive Open Source Communities
Avatar for alicetragedy alicetragedy
1
250
RGSoC 2018 Sponsor pitch
Avatar for alicetragedy alicetragedy
0
240
Building Inclusive Open Source Communities
Avatar for alicetragedy alicetragedy
0
190
Making your voice heard: Open Source needs You
Avatar for alicetragedy alicetragedy
0
87
Making your voice heard: Open Source needs You
Avatar for alicetragedy alicetragedy
0
100
Open Source Needs You
Avatar for alicetragedy alicetragedy
0
330
Hackathons
Avatar for alicetragedy alicetragedy
0
76
Contributing to & funding Open Source
Avatar for alicetragedy alicetragedy
1
250

Other Decks in Design

See All in Design
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
Treasure_Hunting
Avatar for Sol Metts solmetts
0
240
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
220
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
260
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
680

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
150
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
110
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
240
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k

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!