わぷープロパティを作った ~ わぷー Advent Calendar 2016 ~ #wapuu #wapuuac
「わぷー Advent Calendar 2016」の15日目担当です。
小ネタで「わぷープロパティ」というCSSのプロパティを作りました。といっても、このアドベントカレンダーのために作ったものではなく、以前に参加した「CSS Trick or Treat」というハロウィンパーティのネタで作ったものの延長ですが、せっかくなので紹介します。
まずはこちらをご覧ください。
「わぷー」というプロパティを指定して、値にわぷーやわぷ田信玄などを指定すると、そのわぷーが登場します。
先ほどの「CSS Trick or Treat」でも書いてるので省略しますが、タネと仕掛はPostCSSのプラグインを作って変換するようにしています。
使い方やライセンス等はGitHubで
以下のコマンドを打って
npm install postcss-wapuu -D
PostCSSのタスクの中に組み込めば使えます。
今のところ「わぷー」と個人的に好きな「わぷ田信玄」「マリンわぷー」だけです。わぷーの種類が増えすぎて、追加してたらキリがないので…。
わぷーアーカイブ
やる気が出たら追加します!