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

CSSのベンダープレフィックスを自動で付加させて、プレフィックスの呪縛から解き放たれる javascriptプラグイン prefix free
このエントリーをはてなブックマークに追加
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 ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)