Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Le blues des préfixes navigateurs
HTeuMeuLeu
November 27, 2014
Technology
0
22
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
hteumeuleu
0
25
hteumeuleu
1
480
hteumeuleu
0
400
hteumeuleu
0
1.7k
hteumeuleu
0
240
hteumeuleu
1
670
hteumeuleu
0
380
hteumeuleu
0
340
hteumeuleu
5
2.1k
Other Decks in Technology
See All in Technology
kanaugust
PRO
0
120
thockin
3
960
dena_tech
1
720
udonyuya
1
560
tricknotes
1
140
gamella
3
1.5k
htomine
0
170
mot_ai_tech
0
110
ch1aki
2
240
hagyyyy
1
200
900groove
2
530
ayatokura
0
100
Featured
See All Featured
roundedbygravity
242
21k
tammielis
237
23k
dougneiner
55
5.4k
jakevdp
775
200k
myddelton
109
11k
smashingmag
283
47k
yeseniaperezcruz
302
31k
shpigford
165
19k
addyosmani
311
21k
pedronauck
652
110k
bkeepers
52
4.2k
keavy
107
14k
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 remi@hteumeuleu.fr http://www.hteumeuleu.fr