CSSのベンダープレフィックスを自動で付加させて、プレフィックスの呪縛から解き放たれる javascriptプラグイン prefix free prefixfree.js

Tweet

238

-prefix-free

http://leaverou.github.io/prefixfree/

ダウンロードは丸いマークをクリックです

このプラグインはCSSのプレフィックス -webkit-とか-ms- とかのブラウザごとに対応させるためのものを自動で付け加えてくれるjavascriptプラグインです、gzipで2KBとなる軽量なプラグインです

通常の縮小版では6KBほどです
アイコン1個分ぐらい

また、表示するブラウザごとに対応してプレフィックスを付け加えてくれます

こちらが動作状況を表示したページ
http://leaverou.github.io/prefixfree/#test-drive

右側の欄には現在見ているブラウザに対応したものが表示されているはずです
このプラグインを使うと自動的にこうなっているというデモです

使い方

CSSより後にjavascriptのプラグインを読み込ませます

<script src="js/prefixfree.js"></script>

JSを読み込むだけでOKです
プレフィックスを付けるのがめんどくさかったり、つけ忘れとかを防ぐのにも良いですね
CSS側もプレフィックスがなくなるのでスッキリします

Tweet

短縮URL:

2014年03月01日 WEB制作系 コード・プラグイン javascript