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
62
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
580
The Great Mess of Alternative Text
hteumeuleu
0
2.6k
Email Camera #EmailHacks at Litmus Live 2017
hteumeuleu
0
630
Les campagnes inspirantes et les dispositifs innovants de demain
hteumeuleu
1
990
La technique des Fab Four
hteumeuleu
0
850
Thinking Outside the table
hteumeuleu
0
900
Comment sortir l'intégration d'e-mails de la préhistoire ?
hteumeuleu
5
3.4k
Other Decks in Technology
See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
38k
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
tetsuzawa
0
230
コードの考古学 〜労務システムから発掘した成長の糧〜
kenta_smarthr
1
1.1k
Roo Codeにすべてを委ねるためのルール運用
pharma_x_tech
1
220
“新卒らしさ”を脱ぎ捨てて 〜1年を経て学んだこと〜
rebase_engineering
0
130
FastMCPでSQLをチェックしてくれるMCPサーバーを自作してCursorから動かしてみた
nayuts
1
200
プラットフォームとしての Datadog / Datadog as Platforms
aoto
PRO
1
330
AIとSREの未来 / AI and SRE
ymotongpoo
2
700
Swiftは最高だよの話
yuukiw00w
2
280
OSMnx Galleryの紹介
mopinfish
0
150
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
140
プロジェクトマネジメント実践論|現役エンジニアが語る!~チームでモノづくりをする時のコツとは?~
mixi_engineers
PRO
3
180
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
42
2.3k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
GraphQLとの向き合い方2022年版
quramy
46
14k
It's Worth the Effort
3n
184
28k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
78
We Have a Design System, Now What?
morganepeng
52
7.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
620
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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