MD-Blog_MONSTER DIVE

ECT（JavaScriptを使用したテンプレートエンジン）を使ってファイルを生成する、CMSのような仕組みの例を紹介。今回は「1つのHTMLの中で同じ要素を量産する」作業を効率化してみます。

MONSTER DIVEのWebクリエイターチームで開いている社内勉強会「Creator's Lab」。一年の総決算として『2014年気になったけど触れなかったことをやってみる』短時間ハッカソンを行いました。新人クリエイターがレポートします！

Webサイトの制作だけじゃない！　エンドユーザの方とのやりとりを担当する「事務局業務」において、気をつけるべきポイントとは？　MONSTER DIVEのディレクターが解説します。

CSSとJSの間で共通した値（アニメーション時間やプロパティ）を一元管理したい！　Gruntを使った、便利すぎるWeb制作の効率化Tipsをご紹介します。

MONSTER DIVEのディレクターが人生の歩みとともにお届けする、実録！アプリまとめシリーズ！　今回は『知育』をテーマにiPhone/Androidアプリのイマを体感します！

インスタアイドルを自称するMONSTER DIVEのプロデューサーが、前回に続き今回もInstagramのTipsをご紹介！

ちょっとしたアニメーションを付けるだけで、目を引くWebサイトになる！　CSS3 アニメーションをSassとBourbonで作ってみる。サンプルレシピとともにご紹介します。

MONSTERSの勉強会『Creators Lab』。今回のお題は「モバイルファーストデザイン」。クリエイターたちが議論を交わす現場に、ディレクターのMackyが潜入（見学）してみました。

実践解説！　"超"が付くほどの万能なエディタ「IntelliJ IDEA」で「Bower」を設定 & 実行してみよう！

対象ブラウザ限定ではあるけれど、ジャギらずキレイに表示できる「SVG」でアニメーションを作ってみよう！

古典的な技術を使った新たな表現手法「シネマGIF（シネマグラフGIF）」を、映像クリエイターが作ってみた！　その制作手順と成果物を一挙3本公開します！

普段はアプリやサイトを考える立場のディレクターが、ユーザの目線で、実際に役立つアプリやWebサービスをご紹介するシリーズ企画。新米パパことクレバー藤原が【育児・子育て】をテーマにご紹介します。

Webサイトの構築後にも更新・修正をやりやすくする！　設定ファイルを別ファイルに持たせる、Gruntの効率化手法をご紹介します。

もはや意思決定の基準が「インスタ映えしそうかどうか」と、日本でもライフスタイルに大きな影響を与え始めた"Instagram"について、ソーシャル活用の視点からご紹介！

ソシャゲの運営事情から、Webサイトの発展につながるキーワードを読み解きます。

MD運動部の「THE COLOR RUN」イベントへの参加を記念して作成された特設サイト。その制作の裏側を解説します。

写真などの画像素材やソースコードの利用でお世話になる「パブリック・ドメイン」「GPL」「MIT License」...様々な形態のライセンスについて、その用語と意味をまとめてみました。

スマートフォン向けWebサイトの制作につきまとう「軽量化」の宿命。HTMLやCSSなどフロントサイドで施せる実践テクニックをまとめてみました。

"黒い画面"（コマンドプロンプトやターミナル）に理由なき恐怖心を覚えるWebクリエイターでも大丈夫！　CSSを効率的に使いこなす「Sass」、そのインストール＆設定を実践してみます。

2014年は4K元年！　東京五輪に向けて動き出した新時代の映像規格について、映像・スタジオ担当のKOTOKUがその概要と気になるカメラをご紹介します。