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

PR

-prefix-free

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

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

WS001960

 

このプラグインは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側もプレフィックスがなくなるのでスッキリします

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー