Le blues des préfixes navigateurs

Présentation donnée à Rouen à Codeurs en Seine le 27 novembre 2014.

Transcript

1. Codeurs en Seine 27 novembre 2014
2. Rémi Parmentier Intégrateur
3. header footer
4. header
5. footer
6. header
7. header footer
8. header footer
13. BLUES NAVIGATEURS DES PRÉFIXES LE
14. BLUES NAVIGATEURS DES PRÉFIXES LE
15. BLUES BROWSERS THE OF PREFIXES
16. LE PROCESSUS DE VALIDATION DU W3C • Working Draft (WD) • Candidate Recommandation (CR) • Proposed Recommandation (PR) • W3C Recommandation (REC)
17. • Working Draft (WD) • Candidate Recommandation (CR) • Proposed Recommandation (PR) • W3C Recommandation (REC) CSS 2.1 Août 2002 Juin 2011
18. DES PRÉFIXES • -moz- • -webkit- • -ms- • -o-
19. DES PRÉFIXES Mardi 10 juin 2014 http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords
20. DES PRÉFIXES • Working Draft (WD) • Candidate Recommandation (CR) • Proposed Recommandation (PR) • W3C Recommandation (REC) -prefix- -prefix- -prefix-
21. LE PROBLÈME DES PRÉFIXES
22. PRÉFIXES INUTILES 
 DEPUIS 2011
23. PRÉFIXES QUI N’ONT JAMAIS EXISTÉ
25. -webkit-min-device-pixel-ratio: 1.5 -o-min-device-pixel-ratio: 1.5 min--moz-device-pixel-ratio: 1.5
26. -webkit-transition-property:-webkit-transform; -webkit-transition-property:transform; transition-property:transform;
27. LA GUERRE DES PRÉFIXES
28. LE W3C
29. LES NAVIGATEURS
30. LES INTÉGRATEURS
31. LES INTÉGRATEURS ONT FAIT N’IMPORTE QUOI
33. Chrome Firefox
34. LES NAVIGATEURS ONT FAIT N’IMPORTE QUOI
35. -webkit-
38. LE W3C A FAIT N’IMPORTE QUOI
41. LES SOLUTIONS POUR LES PRÉFIXES
42. -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;
44. -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;
45. /* Compass */ @include experimental(box-shadow, '0 0 5px #000');
46. AUTOPREFIXER https://github.com/ai/autoprefixer
49. autoprefixer example.css -o prefixed.css
50. autoprefixer example.css -o prefixed.css -b "last 2 versions, > 1%, Explorer 7, Android 2"
52. L’AVENIR DES PRÉFIXES
57. merci
58. merci Rémi @HTeuMeuLeu remi@hteumeuleu.fr http://www.hteumeuleu.fr