DIVE【モンスターダイブ】JavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。途中で引き継いだ案件にスタイルガイドがあれば!ってマークアップエンジニアなら誰しもが思う近頃の事案。作ってみればいいじゃない、というわけで、EMIさんが「aigis」で作ってみました。ブームを先取るこのベータ版、自分好みに環境をカスタマイズするポイントをご紹介します。Creative「Snap.svg」で、ぐにゃっとアニメーションさせてみた。「私だってぐにゃっとさせたい!」SVGを簡単な記述で効果的に動かせるSnap.svgを使って、ぐにゃっとしたアニメーションを作ってみました。CSS軽量化テクニックスマートフォン向けWebサイトの制作につきまとう「軽量化」の宿命。HTMLやCSSなどフロントサイドで施せる実践テクニックをまとめてみました。CSSを効率的に使いこなす「Sass」、そのインストール&設定を実践してみます。便利なんだけどイマイチどれを使っていいかわからない、「extend(継承)」「mixin(ミックスイン)」「function(自作関数)」について比較してみます。CreativeSassを使いたくなる!便利機能をまとめてみました。CSSを効率良くコーディングできる便利な「Sass」。ネスト、インポート、変数、mixin、if文などなど、そのよく使う便利な機能をリファレンス的にまとめてみました。Creativeもうタグ付けで悩まない!HTML5再入門HTML5に対してまだ若干のモヤモヤが残る人のために、スッキリ分かりやすくまとめようと努力してみる記事です。「Snap.svg」で、ぐにゃっとアニメーションさせてみた。