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
59
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
59
Building Inclusive Open Source Communities
alicetragedy
1
210
RGSoC 2018 Sponsor pitch
alicetragedy
0
130
Building Inclusive Open Source Communities
alicetragedy
0
140
Making your voice heard: Open Source needs You
alicetragedy
0
39
Making your voice heard: Open Source needs You
alicetragedy
0
53
Open Source Needs You
alicetragedy
0
250
Hackathons
alicetragedy
0
34
Contributing to & funding Open Source
alicetragedy
1
210
Other Decks in Design
See All in Design
3D空間を扱うUI表現とユーザビリティ
akinen
0
450
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
180
PRDがデザインプロセスを高速化した話
tooomo
1
280
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
150
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.3k
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
230
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
Installing and Running decksh/pdfdeck
ajstarks
1
490
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Gamification - CAS2011
davidbonilla
76
4.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
What's in a price? How to price your products and services
michaelherold
237
11k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
How to train your dragon (web standard)
notwaldorf
73
5.2k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Unsuck your backbone
ammeep
663
57k
Faster Mobile Websites
deanohume
299
30k
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!