ほとんどのモダンブラウザでは、一部を除いて、CSSベンダープレフィックスが不要になってきました。しかしそれは一般ユーザーの場合で、業務用ではまだまだ古いOSが使われていて、ブラウザも古いバージョンのままなので、ベンダープレフィックスが欠かせません。
このベンダープレフィックスを付けていく作業というのは、webデザインの中でもっとも退屈で億劫なので、今更ながらベンダープレフィックスのジェネレータの力を借りるべく、探したところ、jsdoitに良さそうなものがあったので、使わせていただくことにしました。なお、オリジナルはかなり本格的なデザインでしたが、掲載の都合上省かせていただきました。
使い方: textareaの【input】(SAMPLEが記述されています)の中にベンダープレフィックスを付けるcssを記述後、「GENERATE」ボタンをクリックします。textareaの【output】にベンダープレフィックス付きのcssが生成されます。
ベンダープレフィックス ジェネレータ【input】