Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Le blues des préfixes navigateurs

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for HTeuMeuLeu HTeuMeuLeu
November 27, 2014
Technology
85
0

Le blues des préfixes navigateurs

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

Avatar for HTeuMeuLeu

HTeuMeuLeu

November 27, 2014

More Decks by HTeuMeuLeu

See All by HTeuMeuLeu
Think Like an Email Geek
Avatar for HTeuMeuLeu hteumeuleu
1
160
Des bonnes pratiques de l'intégration d'e-mails
Avatar for HTeuMeuLeu hteumeuleu
1
1.1k
The Current State of Email Clients
Avatar for HTeuMeuLeu hteumeuleu
1
670
The Great Mess of Alternative Text
Avatar for HTeuMeuLeu hteumeuleu
0
3k
Email Camera #EmailHacks at Litmus Live 2017
Avatar for HTeuMeuLeu hteumeuleu
0
710
Les campagnes inspirantes et les dispositifs innovants de demain
Avatar for HTeuMeuLeu hteumeuleu
1
1.1k
La technique des Fab Four
Avatar for HTeuMeuLeu hteumeuleu
0
930
Thinking Outside the table
Avatar for HTeuMeuLeu hteumeuleu
0
990
Comment sortir l'intégration d'e-mails de la préhistoire ?
Avatar for HTeuMeuLeu hteumeuleu
5
3.7k

Other Decks in Technology

See All in Technology
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
二歩目のフロントエンド・ウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
2
510
Rust で関数型ドメインモデリング
Avatar for ONDA, Takashi takonda
0
120
Active Record Connection Adaptersにおける長年の課題に再び取り組む
Avatar for Yasuo Honda yahonda
0
120
AI時代のPRレビューにどう向き合うか？
Avatar for KairiM kairim0
1
240
ブラウザとサーバーから考えるAI時代のフロントエンド監視
Avatar for Shogo Fukami shogo4131
3
910
実体験から学ぶ分析エージェントの開発と運⽤
Avatar for Recruit recruitengineers
PRO
8
2.3k
夫婦で子育てするための育児標準化
Avatar for コドモン開発チーム codmoninc
PRO
0
210
AIがコードを書く時代に、エンジニアは何で自分の価値を証明するのか / In an era where AI writes code how do engineers prove their value
Avatar for CARTA Engineering carta_engineering
3
1k
スキマバイトという雇用形態は存在しないので、雇用期間1日のアルバイト契約を事業者とワーカーが結ぶ手続きを支えるのがタイミーなんです
Avatar for しが あきとし(akitoshiga) akitoshiga
0
180
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
Avatar for 株式会社カミナシ kaminashi
1
220
実践！Cloud Run ハンズオン！！ / Cloud Run handson
Avatar for y-ohgi y0hgi
2
270

Featured

See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
330
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
410
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
360
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
570
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
560
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
2
740
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
740

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 [email protected] http://www.hteumeuleu.fr