Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS3 Magic

Avatar for Bermon Painter Bermon Painter
March 10, 2012
Programming
6
730

CSS3 Magic

A quick rundown of some of the new features in CSS3. Notes here: https://gist.github.com/2011288

Avatar for Bermon Painter

Bermon Painter

March 10, 2012
Tweet

More Decks by Bermon Painter

See All by Bermon Painter
Behavioural Science + Product Innovation = ❤️
Avatar for Bermon Painter bermonpainter
0
530
Haciendo una inmersión profunda con el JAMStack y Vue.js
Avatar for Bermon Painter bermonpainter
0
340
Pensamiento de Diesño: Desarrollar Ideas a la Implementación
Avatar for Bermon Painter bermonpainter
0
310
Design Thinking: Ideas to Implementation
Avatar for Bermon Painter bermonpainter
0
660
Product Development with Vue.js and a Headless CMS
Avatar for Bermon Painter bermonpainter
0
430
Successfully Hire, Mentor, Retain and Lead Teams
Avatar for Bermon Painter bermonpainter
2
390
Crafting Successful UX Strategies
Avatar for Bermon Painter bermonpainter
0
1.3k
The Fallacy of Digital Transformation
Avatar for Bermon Painter bermonpainter
0
490
Design Thinking: Ideas to Implementation
Avatar for Bermon Painter bermonpainter
3
1.5k

Other Decks in Programming

See All in Programming
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
150
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
150
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
140
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
290
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.3k
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
180
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
470
maplibre-gl-layers - 地図に移動体たくさん表示したい
Avatar for Kouji Matsui kekyo
PRO
0
270
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
110
OTP を自動で入力する裏技
Avatar for Megabits_mzq megabitsenmzq
0
110
ふつうの Rubyist、ちいさなデバイス、大きな一年
Avatar for bash0C7 bash0c7
0
950
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
550

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
270
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.1k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
390
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
470
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.7k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
240

Transcript

  1. CSS3 MAgic Saturday, March 10, 12

  2. GRaceful degradation Saturday, March 10, 12

  3. Progressive enhancement Saturday, March 10, 12

  4. 1. Content Saturday, March 10, 12

  5. 2. Presentation Saturday, March 10, 12

  6. 3. INTERACTIONS Saturday, March 10, 12

  7. New Selectors Saturday, March 10, 12

  8. Sibling Selector h1 ~ p Saturday, March 10, 12

  9. Attribute Selector img[src^=icon] Saturday, March 10, 12

  10. Attribute Selector img[src$=png] Saturday, March 10, 12

  11. Attribute Selector img[src*=document] Saturday, March 10, 12

  12. Psuedo Classes div:empty Saturday, March 10, 12

  13. Psuedo Classes :enabled, :disabled, :checked Saturday, March 10, 12

  14. Psuedo Classes p:first-of-type Saturday, March 10, 12

  15. Psuedo Classes li:last-child Saturday, March 10, 12

  16. Psuedo Classes strong *:not(span) Saturday, March 10, 12

  17. Psuedo Classes :nth-child(3n) Saturday, March 10, 12

  18. Psuedo Classes p:nth-of-type(3n) Saturday, March 10, 12

  19. Psuedo Classes p:nth-last-child() Saturday, March 10, 12

  20. Psuedo Classes p:nth-last-of-type() Saturday, March 10, 12

  21. Psuedo Classes p:only-child Saturday, March 10, 12

  22. Psuedo Classes p:only-of-type Saturday, March 10, 12

  23. Psuedo Classes ::selection Saturday, March 10, 12

  24. Psuedo Classes :target Saturday, March 10, 12

  25. New CSS3 Declarations Saturday, March 10, 12

  26. Declarations background-clip Saturday, March 10, 12

  27. Declarations background-size Saturday, March 10, 12

  28. Declarations background-image (multiples) Saturday, March 10, 12

  29. Declarations border-radius Saturday, March 10, 12

  30. Declarations box-shadow Saturday, March 10, 12

  31. Declarations columns & grids Saturday, March 10, 12

  32. Declarations opacity Saturday, March 10, 12

  33. Declarations resize Saturday, March 10, 12

  34. Declarations text-overflow Saturday, March 10, 12

  35. Declarations text-shadow Saturday, March 10, 12

  36. EXAMPLES https://gist.github.com/2011288 Saturday, March 10, 12