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

What We Talk About When We Talk About CSS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
98
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
85
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
73
Contributing to & funding Open Source
Avatar for alicetragedy alicetragedy
1
250

Other Decks in Design

See All in Design
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
190
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
470
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
120
Diverse Design Team Deck
Avatar for Diverse diverse
0
410
Treasure_Hunting
Avatar for Sol Metts solmetts
0
190
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
540
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.3k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.3k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
0
200
デザインするために「多様性」について考える
Avatar for なつ iflection
0
170
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
400

Featured

See All Featured
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
600
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
640
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
1
100
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Done Done
Avatar for chrislema chrislema
186
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
150
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
750
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
740
Designing for Performance
Avatar for Lara Hogan lara
610
70k

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!