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
66
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
73
Building Inclusive Open Source Communities
alicetragedy
1
220
RGSoC 2018 Sponsor pitch
alicetragedy
0
210
Building Inclusive Open Source Communities
alicetragedy
0
170
Making your voice heard: Open Source needs You
alicetragedy
0
62
Making your voice heard: Open Source needs You
alicetragedy
0
74
Open Source Needs You
alicetragedy
0
300
Hackathons
alicetragedy
0
46
Contributing to & funding Open Source
alicetragedy
1
230
Other Decks in Design
See All in Design
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
510
Echoes Boomerang
artcloudyu
PRO
0
240
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
390
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
How to get a Tiger to Tulsa
mcduckyart
0
110
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
400
Bulletproof Design System with TypeScript
takanorip
6
3.4k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
940
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
650
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
93
6.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Git: the NoSQL Database
bkeepers
PRO
430
65k
How STYLIGHT went responsive
nonsquared
100
5.6k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Navigating Team Friction
lara
187
15k
Code Reviewing Like a Champion
maltzj
524
40k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
What's in a price? How to price your products and services
michaelherold
246
12k
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!