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

Le blues des préfixes navigateurs

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for HTeuMeuLeu HTeuMeuLeu
November 27, 2014
Technology
80
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
150
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
660
The Great Mess of Alternative Text
Avatar for HTeuMeuLeu hteumeuleu
0
3k
Email Camera #EmailHacks at Litmus Live 2017
Avatar for HTeuMeuLeu hteumeuleu
0
690
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
920
Thinking Outside the table
Avatar for HTeuMeuLeu hteumeuleu
0
970
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
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
Avatar for Takuya Shikichi shikichee
2
670
データエンジニアリングワークショップ：Auto LoaderとSparkで学ぶデータパイプライン構築
Avatar for Databricks Japan databricksjapan
PRO
0
130
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
Avatar for RiiiM(りむ) riiimparm
3
920
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
Avatar for oracle4engineer oracle4engineer
PRO
1
210
どんな手を使っても絶対間に合わせるスケジューラ
Avatar for asari asari194617
0
1.5k
少人数データチームのDevin活用実践事例
Avatar for Runa Yamada runandy16
2
430
Guerilla InnerSource in enterprises, during the AI hype
Avatar for Oleg Nenashev onenashev
PRO
0
140
bet_ai_day_2026_session02
Avatar for 株式会社AgenticSec agenticsec
1
810
Does an AI Watermark Survive Translation?
Avatar for Es C machinetranslation
0
520
Nav2、Nav3 ... はたまた自作？〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
Avatar for Yuki Anzai yanzm
0
190
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
170
KAEN Company Deck
Avatar for 株式会社KAEN kaen
PRO
0
290

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
290
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
180
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
320
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
550
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
410
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.7k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
510

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