DIVE【モンスターダイブ】JavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。各クリエイターの制作物をご紹介します。算数を使ってインタラクティブアニメーションの基礎を学ぼう!算数ドリルシリーズ第3弾です。~jQuery.notSupported.js~オーサリングエンジニアのOhkiがjQueryプラグインを作った!シリーズ第2弾。「非対応のスマホからのアクセスの場合はアラートを表示させたい」というWebサイト制作にありがちなニーズに応えます。~jQuery.initScroll.js~「ハッシュ付きのURLにアクセスしたとき、本文にヘッダが被らないようにしたい!」Webサイト制作でありがちなちょっとした課題に対応するべく、オーサリングエンジニアのOhkiがjQueryプラグインを作ってみました。便利なECTをgulpで使う。資料の少ない「gulp-ect」、痒い所に手が届くTipsをご紹介します。そのレポートをお届けします。Creativeクラウドフォントサービスの「あとから追加した文字にWebフォントが適用されない問題」と向き合ってみたTypeSquareに代表される"ウェブフォント"。その自動サブセット化の際に気をつけたい問題と回避方法を解説します。Creative「Snap.svg」で、ぐにゃっとアニメーションさせてみた。「私だってぐにゃっとさせたい!」SVGを簡単な記述で効果的に動かせるSnap.svgを使って、ぐにゃっとしたアニメーションを作ってみました。今回はフロントエンドエンジニアのKatayamaが、公式ドキュメントの補足的なTipsをご紹介します。APIを使って「うまい棒、何味が好き?」結果をグラフにしてみます。ECTを使って同じ要素を量産するECT(JavaScriptを使用したテンプレートエンジン)を使ってファイルを生成する、CMSのような仕組みの例を紹介。今回は「1つのHTMLの中で同じ要素を量産する」作業を効率化してみます。一年の総決算として『2014年気になったけど触れなかったことをやってみる』短時間ハッカソンを行いました。年末恒例となった"頭の体操"、算数ドリルシリーズ第2弾です。Gruntを使った、便利すぎるWeb制作の効率化Tipsをご紹介します。設定ファイルを別ファイルに持たせる、Gruntの効率化手法をご紹介します。RUN」イベントへの参加を記念して作成された特設サイト。Hondaが解説します。気になるデータ集計方法をご紹介します。高速かつ堅牢なコードを効率よく書くためにJSの実行処理を測ったり、記述方法を整えたり。Webサイト制作の現場で求められる効率化のTipsが詰まった一冊。MDのクリエイターズによるレビューです。「Snap.svg」で、ぐにゃっとアニメーションさせてみた。