CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドキのコーダー環境構築」で発表したスライドです。 ※スライド上のURLリンクは効かないので、下部文字起こしから飛んでください。Read less
みなさん、楽しいSassライフを送っていますか? 「とりあえず.cssを.scssに変えて、ネストにしたりして使ってるよ!」という方、そろそろmixinを取り入れてみませんか? Sassってなんでしょ?という方は、以前「Sass(SCSS)は難しくないよ!私なりの使い方をご紹介!」という記事を書いたので、ぜひそちらをお読み下さい。 Sass(SCSS)は難しくないよ!私なりの使い方をご紹介! mixinとは? スタイルを定義するのは通常のCSSと同じですが、使い回しを前提とした、JSで言うところの関数のようなものを作れるのがmixinです。 言葉だけではよくわかりませんね。mixinはこういう書き方をします。 hoge.scss の中身 /* @mixinで始まって半角スペース+半角英数。.(ドット)や#(シャープ)はつけない */ @mixin myborder { border-bot
ゆたろです。どうもです。 皆さんは案件などで「水っぽい動き」を求められたことはありませんか? ゼロから実装するとかなり時間がかかってしまいますが、プラグインを使えば簡単に実装することができます。 というわけで今回は、水っぽい表現をするプラグインの紹介と、それを使用したsampleソースを紹介していきます。 ▼目次 ぷよぷよ動く水玉風 jquery.morphing.js 水たまりの波紋風 jquery.ripples.js フラットデザインと相性抜群 raindrops.js まとめ ぷよぷよ動く水玉風 jquery.morphing.js jquery.morphing.jsは、要素に対して、ぷよぷよと動く円形のクリッピングマスクを作ってくれるプラグインです。 https://github.com/ANTON072/jquery.morphing.js html ダウンロードしたファイル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く