Le blues des préfixes navigateurs

A6201a057eac39e2b97a5a58d5f8601e?s=47 HTeuMeuLeu
November 27, 2014
Technology
0
20

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
21
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
400
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
390
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
1.7k
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
220
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
650
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
360
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
300
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
5
2k

Other Decks in Technology

See All in Technology
8aba6de431668fc8d09977c0e33c63c1?s=48 jaguar_imo
0
120
A73e465566ed41cd2b66b7d889b31666?s=48 maiamea
1
540
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
4
340
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
0
130
Aae0ea855eda20ad6481fe3777471e95?s=48 eyamane
0
120
8aba6de431668fc8d09977c0e33c63c1?s=48 jaguar_imo
4
970
21a4b941766d805333e11c5766be43b4?s=48 takahashim
10
810
8a9e3e40a5fed444715dc95ee1ca45aa?s=48 tosiooooooo
0
570
D65bdfdd4762c763f71d08fd4d9fa511?s=48 sky_joker
2
480
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
120
93fc2d713bc4d0e9c594bf8c9e6bcc62?s=48 oztick139
0
110
Ccb58352bdd1be66ebb2daf12ba1b993?s=48 mirie_sd
0
120

Featured

See All Featured
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
285
110k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.2k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
112
24k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
39k
245cee81a9c424266e5e401d844ea881?s=48 lara
169
9.3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.5k

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