Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
What We Talk About When We Talk About CSS
Search
alicetragedy
July 20, 2013
Design
0
70
What We Talk About When We Talk About CSS
An Introduction to CSS for a PyLadies workshop in Vienna, Austria.
alicetragedy
July 20, 2013
Tweet
Share
More Decks by alicetragedy
See All by alicetragedy
Building inclusive Open Source communities
alicetragedy
0
82
Building Inclusive Open Source Communities
alicetragedy
1
230
RGSoC 2018 Sponsor pitch
alicetragedy
0
220
Building Inclusive Open Source Communities
alicetragedy
0
180
Making your voice heard: Open Source needs You
alicetragedy
0
69
Making your voice heard: Open Source needs You
alicetragedy
0
84
Open Source Needs You
alicetragedy
0
310
Hackathons
alicetragedy
0
54
Contributing to & funding Open Source
alicetragedy
1
240
Other Decks in Design
See All in Design
「UXとUIの違い」v2
shirasu3
0
250
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
560
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
960
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
410
root COMPANY DECK / We are hiring!
root_recruit
PRO
1
24k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
110
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.6k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
700
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
GitHub's CSS Performance
jonrohan
1032
470k
Practical Orchestrator
shlominoach
190
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
The Cult of Friendly URLs
andyhume
79
6.6k
Embracing the Ebb and Flow
colly
88
4.8k
Transcript
a not-so-thorough lightning talk by Laura Gaetano When we talk
about CSS What we talk about
and I'm a visual artist gone geek. Hello, my name
is Laura
(I also email developers when I find typos in their
apps.) I like impressive, clear, exciting, functional and beautiful design.
(what's that?) Some years ago, I fell in love with
CSS
and that's a good thing. Cascading Style Sheets help you
style and strategically divide your page
The Basics: Think of it like a recipe
- 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)
Onto the hard stuff: What does CSS look like? It
has a lovely, easy to learn syntax: lots of curly braces and semi-colons!
body { font-family: Helvetica; font-color: purple; } selector / property
/ value
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!
External Stylesheet = Awesome <link href="your_css_filename.css" rel="stylesheet" type="text/css" />
If you want to play around with CSS you can
check out the Twitter bootstrap http://twitter.github.io/bootstrap/
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
(sponsored by placekitten.com) And here's a kitten picture for you!