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
CSS3 Magic
Search
Bermon Painter
March 10, 2012
Programming
6
710
CSS3 Magic
A quick rundown of some of the new features in CSS3. Notes here:
https://gist.github.com/2011288
Bermon Painter
March 10, 2012
Tweet
Share
More Decks by Bermon Painter
See All by Bermon Painter
Behavioural Science + Product Innovation = ❤️
bermonpainter
0
250
Haciendo una inmersión profunda con el JAMStack y Vue.js
bermonpainter
0
170
Pensamiento de Diesño: Desarrollar Ideas a la Implementación
bermonpainter
0
160
Design Thinking: Ideas to Implementation
bermonpainter
0
440
Product Development with Vue.js and a Headless CMS
bermonpainter
0
270
Successfully Hire, Mentor, Retain and Lead Teams
bermonpainter
2
230
Crafting Successful UX Strategies
bermonpainter
0
860
The Fallacy of Digital Transformation
bermonpainter
0
270
Design Thinking: Ideas to Implementation
bermonpainter
3
1.2k
Other Decks in Programming
See All in Programming
実践!RDRAを活用した既存システムの仕様変更 / Specification Changes in Existing Systems Utilizing RDRA
imamotohikaru
0
2.7k
「コンパイル時のユニットテスト」導入するとユニットテストを 書かなくてよくなるのか?
tomohisa
9
2.2k
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
オブジェクトしこう
okuramasafumi
2
130
OpenAPI を守るのは難しい
ohmori_yusuke
1
140
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
フロントエンドパフォーマンス 入門
shouta2
7
1.5k
Dockerで始めるAWS Lambda開発
stutkhd0709
14
2.5k
Open Source Swiftc Workshop
kitasuke
1
290
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
350
TDDと今まで
kanayannet
0
140
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
215
8.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
950
The Cult of Friendly URLs
andyhume
73
5.6k
For a Future-Friendly Web
brad_frost
170
8.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
4 Signs Your Business is Dying
shpigford
174
21k
Embracing the Ebb and Flow
colly
78
4.1k
Web Components: a chance to create the future
zenorocha
304
41k
Making Projects Easy
brettharned
106
5.4k
Transcript
CSS3 MAgic Saturday, March 10, 12
GRaceful degradation Saturday, March 10, 12
Progressive enhancement Saturday, March 10, 12
1. Content Saturday, March 10, 12
2. Presentation Saturday, March 10, 12
3. INTERACTIONS Saturday, March 10, 12
New Selectors Saturday, March 10, 12
Sibling Selector h1 ~ p Saturday, March 10, 12
Attribute Selector img[src^=icon] Saturday, March 10, 12
Attribute Selector img[src$=png] Saturday, March 10, 12
Attribute Selector img[src*=document] Saturday, March 10, 12
Psuedo Classes div:empty Saturday, March 10, 12
Psuedo Classes :enabled, :disabled, :checked Saturday, March 10, 12
Psuedo Classes p:first-of-type Saturday, March 10, 12
Psuedo Classes li:last-child Saturday, March 10, 12
Psuedo Classes strong *:not(span) Saturday, March 10, 12
Psuedo Classes :nth-child(3n) Saturday, March 10, 12
Psuedo Classes p:nth-of-type(3n) Saturday, March 10, 12
Psuedo Classes p:nth-last-child() Saturday, March 10, 12
Psuedo Classes p:nth-last-of-type() Saturday, March 10, 12
Psuedo Classes p:only-child Saturday, March 10, 12
Psuedo Classes p:only-of-type Saturday, March 10, 12
Psuedo Classes ::selection Saturday, March 10, 12
Psuedo Classes :target Saturday, March 10, 12
New CSS3 Declarations Saturday, March 10, 12
Declarations background-clip Saturday, March 10, 12
Declarations background-size Saturday, March 10, 12
Declarations background-image (multiples) Saturday, March 10, 12
Declarations border-radius Saturday, March 10, 12
Declarations box-shadow Saturday, March 10, 12
Declarations columns & grids Saturday, March 10, 12
Declarations opacity Saturday, March 10, 12
Declarations resize Saturday, March 10, 12
Declarations text-overflow Saturday, March 10, 12
Declarations text-shadow Saturday, March 10, 12
EXAMPLES https://gist.github.com/2011288 Saturday, March 10, 12