Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Le blues des préfixes navigateurs
Search
HTeuMeuLeu
November 27, 2014
Technology
0
63
Le blues des préfixes navigateurs
Présentation donnée à Rouen à Codeurs en Seine le 27 novembre 2014.
HTeuMeuLeu
November 27, 2014
Tweet
Share
More Decks by HTeuMeuLeu
See All by HTeuMeuLeu
Think Like an Email Geek
hteumeuleu
1
110
Des bonnes pratiques de l'intégration d'e-mails
hteumeuleu
1
1k
The Current State of Email Clients
hteumeuleu
1
590
The Great Mess of Alternative Text
hteumeuleu
0
2.6k
Email Camera #EmailHacks at Litmus Live 2017
hteumeuleu
0
650
Les campagnes inspirantes et les dispositifs innovants de demain
hteumeuleu
1
1k
La technique des Fab Four
hteumeuleu
0
860
Thinking Outside the table
hteumeuleu
0
920
Comment sortir l'intégration d'e-mails de la préhistoire ?
hteumeuleu
5
3.4k
Other Decks in Technology
See All in Technology
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.6k
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
4
2.2k
TypeScript入門
recruitengineers
PRO
35
11k
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
4
1.1k
サンドボックス技術でAI利活用を促進する
koh_naga
0
150
AIエージェントの活用に重要な「MCP (Model Context Protocol)」とは何か
masayamoriofficial
0
250
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
250
JavaScript 研修
recruitengineers
PRO
6
1.4k
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
110
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
yoshitake945
0
220
Kubernetes における cgroup v2 でのOut-Of-Memory 問題の解決
pfn
PRO
0
440
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
nayuts
0
140
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Visualization
eitanlees
147
16k
Music & Morning Musume
bryan
46
6.8k
How STYLIGHT went responsive
nonsquared
100
5.8k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Optimizing for Happiness
mojombo
379
70k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
4 Signs Your Business is Dying
shpigford
184
22k
Transcript
Codeurs en Seine 27 novembre 2014
Rémi Parmentier Intégrateur
header footer
header
footer
header
header footer
header footer
None
None
None
None
BLUES NAVIGATEURS DES PRÉFIXES LE
BLUES NAVIGATEURS DES PRÉFIXES LE
BLUES BROWSERS THE OF PREFIXES
LE PROCESSUS DE VALIDATION DU W3C • Working Draft (WD)
• Candidate Recommandation (CR) • Proposed Recommandation (PR) • W3C Recommandation (REC)
• Working Draft (WD) • Candidate Recommandation (CR) • Proposed
Recommandation (PR) • W3C Recommandation (REC) CSS 2.1 Août 2002 Juin 2011
DES PRÉFIXES • -moz- • -webkit- • -ms- • -o-
DES PRÉFIXES Mardi 10 juin 2014 http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords
DES PRÉFIXES • Working Draft (WD) • Candidate Recommandation (CR)
• Proposed Recommandation (PR) • W3C Recommandation (REC) -prefix- -prefix- -prefix-
LE PROBLÈME DES PRÉFIXES
PRÉFIXES INUTILES DEPUIS 2011
PRÉFIXES QUI N’ONT JAMAIS EXISTÉ
None
-webkit-min-device-pixel-ratio: 1.5 -o-min-device-pixel-ratio: 1.5 min--moz-device-pixel-ratio: 1.5
-webkit-transition-property:-webkit-transform; -webkit-transition-property:transform; transition-property:transform;
LA GUERRE DES PRÉFIXES
LE W3C
LES NAVIGATEURS
LES INTÉGRATEURS
LES INTÉGRATEURS ONT FAIT N’IMPORTE QUOI
None
Chrome Firefox
LES NAVIGATEURS ONT FAIT N’IMPORTE QUOI
-webkit-
None
None
LE W3C A FAIT N’IMPORTE QUOI
None
None
LES SOLUTIONS POUR LES PRÉFIXES
-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0
5px #000;
None
-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0
5px #000;
/* Compass */ @include experimental(box-shadow, '0 0 5px #000');
AUTOPREFIXER https://github.com/ai/autoprefixer
None
None
autoprefixer example.css -o prefixed.css
autoprefixer example.css -o prefixed.css -b "last 2 versions, > 1%,
Explorer 7, Android 2"
None
L’AVENIR DES PRÉFIXES
None
None
None
None
merci
merci Rémi @HTeuMeuLeu
[email protected]
http://www.hteumeuleu.fr