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
63
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
62
Building Inclusive Open Source Communities
alicetragedy
1
210
RGSoC 2018 Sponsor pitch
alicetragedy
0
140
Building Inclusive Open Source Communities
alicetragedy
0
150
Making your voice heard: Open Source needs You
alicetragedy
0
41
Making your voice heard: Open Source needs You
alicetragedy
0
59
Open Source Needs You
alicetragedy
0
270
Hackathons
alicetragedy
0
35
Contributing to & funding Open Source
alicetragedy
1
220
Other Decks in Design
See All in Design
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
740
Minuto de Aventura
olgastoryboard
0
110
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
TrollsTopia: Funtography- Part 1
kenijam
1
260
ホワイト化するこの世界の片隅に
hisayosky
0
190
Sensitive Texter Storyboard
ctagulao98
0
160
Installing and Running decksh/pdfdeck
ajstarks
1
570
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
290
Baby Bear Genius
yvonnehsuanho
PRO
0
600
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
130
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
720
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
18
2.6k
The Language of Interfaces
destraynor
151
23k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Producing Creativity
orderedlist
PRO
340
39k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
What the flash - Photography Introduction
edds
65
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Code Review Best Practice
trishagee
58
16k
The Invisible Side of Design
smashingmag
294
50k
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!