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
Le blues des préfixes navigateurs
Search
HTeuMeuLeu
November 27, 2014
Technology
0
63
Le blues des préfixes navigateurs
Présentation donnée à Rouen à Codeurs en Seine le 27 novembre 2014.
HTeuMeuLeu
November 27, 2014
Tweet
Share
More Decks by HTeuMeuLeu
See All by HTeuMeuLeu
Think Like an Email Geek
hteumeuleu
1
110
Des bonnes pratiques de l'intégration d'e-mails
hteumeuleu
1
1k
The Current State of Email Clients
hteumeuleu
1
590
The Great Mess of Alternative Text
hteumeuleu
0
2.6k
Email Camera #EmailHacks at Litmus Live 2017
hteumeuleu
0
640
Les campagnes inspirantes et les dispositifs innovants de demain
hteumeuleu
1
1k
La technique des Fab Four
hteumeuleu
0
860
Thinking Outside the table
hteumeuleu
0
910
Comment sortir l'intégration d'e-mails de la préhistoire ?
hteumeuleu
5
3.4k
Other Decks in Technology
See All in Technology
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
290
Oracle Cloud Infrastructure:2025年7月度サービス・アップデート
oracle4engineer
PRO
1
120
Lambda management with ecspresso and Terraform
ijin
2
140
隙間時間で爆速開発! Claude Code × Vibe Coding で作るマニュアル自動生成サービス
akitomonam
3
250
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
2k
反脆弱性(アンチフラジャイル)とデータ基盤構築
cuebic9bic
2
160
ホリスティックテスティングの右側も大切にする 〜2つの[はか]る〜 / Holistic Testing: Right Side Matters
nihonbuson
PRO
0
580
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
110
dipにおけるSRE変革の軌跡
dip_tech
PRO
1
230
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
180
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
yu_kod
1
250
Perlアプリケーションで トレースを実装するまでの 工夫と苦労話
masayoshi
1
410
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Site-Speed That Sticks
csswizardry
10
750
Balancing Empowerment & Direction
lara
1
530
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
For a Future-Friendly Web
brad_frost
179
9.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Writing Fast Ruby
sferik
628
62k
Automating Front-end Workflow
addyosmani
1370
200k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Transcript
Codeurs en Seine 27 novembre 2014
Rémi Parmentier Intégrateur
header footer
header
footer
header
header footer
header footer
None
None
None
None
BLUES NAVIGATEURS DES PRÉFIXES LE
BLUES NAVIGATEURS DES PRÉFIXES LE
BLUES BROWSERS THE OF PREFIXES
LE PROCESSUS DE VALIDATION DU W3C • Working Draft (WD)
• Candidate Recommandation (CR) • Proposed Recommandation (PR) • W3C Recommandation (REC)
• Working Draft (WD) • Candidate Recommandation (CR) • Proposed
Recommandation (PR) • W3C Recommandation (REC) CSS 2.1 Août 2002 Juin 2011
DES PRÉFIXES • -moz- • -webkit- • -ms- • -o-
DES PRÉFIXES Mardi 10 juin 2014 http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords
DES PRÉFIXES • Working Draft (WD) • Candidate Recommandation (CR)
• Proposed Recommandation (PR) • W3C Recommandation (REC) -prefix- -prefix- -prefix-
LE PROBLÈME DES PRÉFIXES
PRÉFIXES INUTILES DEPUIS 2011
PRÉFIXES QUI N’ONT JAMAIS EXISTÉ
None
-webkit-min-device-pixel-ratio: 1.5 -o-min-device-pixel-ratio: 1.5 min--moz-device-pixel-ratio: 1.5
-webkit-transition-property:-webkit-transform; -webkit-transition-property:transform; transition-property:transform;
LA GUERRE DES PRÉFIXES
LE W3C
LES NAVIGATEURS
LES INTÉGRATEURS
LES INTÉGRATEURS ONT FAIT N’IMPORTE QUOI
None
Chrome Firefox
LES NAVIGATEURS ONT FAIT N’IMPORTE QUOI
-webkit-
None
None
LE W3C A FAIT N’IMPORTE QUOI
None
None
LES SOLUTIONS POUR LES PRÉFIXES
-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0
5px #000;
None
-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0
5px #000;
/* Compass */ @include experimental(box-shadow, '0 0 5px #000');
AUTOPREFIXER https://github.com/ai/autoprefixer
None
None
autoprefixer example.css -o prefixed.css
autoprefixer example.css -o prefixed.css -b "last 2 versions, > 1%,
Explorer 7, Android 2"
None
L’AVENIR DES PRÉFIXES
None
None
None
None
merci
merci Rémi @HTeuMeuLeu
[email protected]
http://www.hteumeuleu.fr