Le blues des préfixes navigateurs

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

9. None
10. None
11. None
12. None

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É

24. None

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

32. None

33. Chrome Firefox

34. LES NAVIGATEURS ONT FAIT N’IMPORTE QUOI

35. -webkit-

36. None
37. None

38. LE W3C A FAIT N’IMPORTE QUOI

39. None
40. None

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;
43. None

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

47. None
48. None

49. autoprefixer example.css -o prefixed.css

50. autoprefixer example.css -o prefixed.css -b "last 2 versions, > 1%,

    Explorer 7, Android 2"
51. None

52. L’AVENIR DES PRÉFIXES

53. None
54. None
55. None
56. None

57. merci

58. merci Rémi @HTeuMeuLeu remi@hteumeuleu.fr http://www.hteumeuleu.fr