Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
510
Haciendo una inmersión profunda con el JAMStack y Vue.js
Avatar for Bermon Painter bermonpainter
0
330
Pensamiento de Diesño: Desarrollar Ideas a la Implementación
Avatar for Bermon Painter bermonpainter
0
290
Design Thinking: Ideas to Implementation
Avatar for Bermon Painter bermonpainter
0
650
Product Development with Vue.js and a Headless CMS
Avatar for Bermon Painter bermonpainter
0
420
Successfully Hire, Mentor, Retain and Lead Teams
Avatar for Bermon Painter bermonpainter
2
380
Crafting Successful UX Strategies
Avatar for Bermon Painter bermonpainter
0
1.3k
The Fallacy of Digital Transformation
Avatar for Bermon Painter bermonpainter
0
470
Design Thinking: Ideas to Implementation
Avatar for Bermon Painter bermonpainter
3
1.5k

Other Decks in Programming

See All in Programming
20 years of Symfony, what's next?

Avatar for Fabien Potencier fabpot
2
360
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
Avatar for maroon1st maroon1st
0
160
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
120
Findy AI+の開発、運用におけるMCP活用事例
Avatar for starfish719 starfish719
0
730
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
160
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
420
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
2
980
C-Shared Buildで突破するAI Agent バックテストの壁
Avatar for po3rin po3rin
0
390
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
250
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
2
220
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
180
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
110

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
1
100
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
800
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
710

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