Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Le blues des préfixes navigateurs

A6201a057eac39e2b97a5a58d5f8601e?s=47 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.

A6201a057eac39e2b97a5a58d5f8601e?s=128

HTeuMeuLeu

November 27, 2014
Tweet

More Decks by HTeuMeuLeu

See All by HTeuMeuLeu
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
25
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
480
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
400
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
1.7k
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
240
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
670
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
380
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
340
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
5
2.1k

Other Decks in Technology

See All in Technology
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
120
569f10721398d92f5033097ac6d9132c?s=48 thockin
3
960
8a84268593355816432ceaf78777d585?s=48 dena_tech
1
720
3dfba21f12b674371e38d9535e0ea6df?s=48 udonyuya
1
560
7dedc55a5e5c3e4008386473a179eb4b?s=48 tricknotes
1
140
3e8f61263f14a620f21d5f3f89c4b846?s=48 gamella
3
1.5k
0e8fbeb3dc2da3e502483edea80be7d6?s=48 htomine
0
170
362e55239a0463356377118628470d15?s=48 mot_ai_tech
0
110
0411ad77d29734ecd0980c5b9b62848f?s=48 ch1aki
2
240
991fe792d878a5ae41bdc4d0c9ee18cb?s=48 hagyyyy
1
200
8611672fd60a86cd19c972c61df3c99f?s=48 900groove
2
530
8065fe5a0d33908c6f71c5ae28939dcd?s=48 ayatokura
0
100

Featured

See All Featured
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.4k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
775
200k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
31k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
19k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
311
21k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.2k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
107
14k

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