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
63
Building Inclusive Open Source Communities
alicetragedy
1
210
RGSoC 2018 Sponsor pitch
alicetragedy
0
150
Building Inclusive Open Source Communities
alicetragedy
0
150
Making your voice heard: Open Source needs You
alicetragedy
0
46
Making your voice heard: Open Source needs You
alicetragedy
0
65
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
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
110
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
150
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
370
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
630
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
13
5.7k
root COMPANY DECK / We are hiring!
root_recruit
1
13k
Designing and Automating Component Specifications (Into Design Systems)
nathanacurtis
3
400
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
810
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
280
最速で価値を届けるUXリサーチ
degudegu2510
5
1.2k
Minuto de Aventura
olgastoryboard
0
160
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
180
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
136
6.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
3
230
VelocityConf: Rendering Performance Case Studies
addyosmani
325
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4.1k
[RailsConf 2023] Rails as a piece of cake
palkan
49
4.7k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
46
4.9k
Code Reviewing Like a Champion
maltzj
519
39k
Being A Developer After 40
akosma
84
590k
GitHub's CSS Performance
jonrohan
1030
450k
The Cost Of JavaScript in 2023
addyosmani
43
5.9k
Into the Great Unknown - MozCon
thekraken
31
1.4k
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!