DIVE【モンスターダイブ】JavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。ECTを使って同じ要素を量産するECT(JavaScriptを使用したテンプレートエンジン)を使ってファイルを生成する、CMSのような仕組みの例を紹介。今回は「1つのHTMLの中で同じ要素を量産する」作業を効率化してみます。Gruntを使った、便利すぎるWeb制作の効率化Tipsをご紹介します。設定ファイルを別ファイルに持たせる、Gruntの効率化手法をご紹介します。CreativeSassを使いたくなる!便利機能をまとめてみました。CSSを効率良くコーディングできる便利な「Sass」。ネスト、インポート、変数、mixin、if文などなど、そのよく使う便利な機能をリファレンス的にまとめてみました。Creativeビルドツール「gulp.js」を使ってみるGruintに対抗したJavaScriptタスクランナー「gulp」。リリース前の面倒な作業をまとめる自動ビルドツール「Grunt」のTipsをご紹介。今回はファイルの圧縮や最適化など、サイトのリリース(納品)時に必要な手順を自動化してみましょう。Compassをコンパイルしてみる様々な便利機能でコーディングの効率が上がる「Grunt」。今回はGruntを使ってSassをコンパイルしてみます。ECTを使ってHTMLの量産を効率化するECT(JavaScriptを使用したテンプレートエンジン)を使ってファイルを生成する、CMSのような仕組みの例を紹介します。概要、インストール、タスクを作成してみる。Node.jsを使用したCUIのビルドツール「Grunt.js」。インストールからタスク実行例まで概要を解説します。「Snap.svg」で、ぐにゃっとアニメーションさせてみた。