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
30

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
32
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
560
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
430
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
1.8k
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
280
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
1
710
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
440
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
0
400
A6201a057eac39e2b97a5a58d5f8601e?s=48 hteumeuleu
5
2.2k

Other Decks in Technology

See All in Technology
C78c829ff61f9cfd6fe0b7ac45437672?s=48 amir
1
160
85da685d91fda190e2e3162d0de248a4?s=48 recruitengineers
4
140
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
3
170
8ba32afb4b7d6967cb38b2dadf1ddd80?s=48 daigo0927
2
140
2d1ae5ea9354a50d87b46f4503d11f4e?s=48 tuhin1729
0
350
1f7f6943810323d2ad8ac736617047d5?s=48 johntitor
0
310
A73e8918471bd7e3065d129e2ed75e98?s=48 ystk_hara
0
430
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
140
71c9ebde850996d2533c5df4df2c93c6?s=48 opdavies
0
470
C58d9fc209cfdc0b822f851911110fa6?s=48 coe
3
110
Fccb5974b63d64636a7c90faf3bab51f?s=48 kikuzo
1
200
011714704c4a925e542d426d4cdaa4e3?s=48 giginet
3
200

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
463
280k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.7k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
20
5k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
209
7.1k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.6k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.6k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
111
15k

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