MD-Blog_Web Creative

最近、Webメディアサイトを中心にじんわりと浸透しつつある無限スクロールなサイトデザイン。そのメリット／デメリットをUI/UXデザイナーが解説します。

遅れてきたルーキーことオーサリング／マークアップエンジニアのOhkiが、MS製のコードエディタ「Visual Studio Core」に乗り換えてみた！　ブームを先取るこのベータ版、自分好みに環境をカスタマイズするポイントをご紹介します。

MONSTER DIVEが毎月行っている社内勉強会「Creator's Lab」。昨年のまとめとして『2015年気になったけど触れなかったことをやってみる』短時間ハッカソンを開催！　そのレポートをお届けします。（デモページもあるよ）

TypeSquareに代表される"ウェブフォント"。その自動サブセット化の際に気をつけたい問題と回避方法を解説します。

新米パパディレクターが"子供の視点"からデザインを考える、「子供に優しいUI/UXなサイト」とは？

Webデザインのミニマル化が進み、デザイナーにはこれまで以上にピクチャパワーのある画像制作が求められるようになりました。そんな最近肩身の狭いデザイナーが、簡単なレタッチで迫力を出すためのチュートリアルをご紹介。

これは使いたいと思った、育児・子育て関連のWEBサービス・ガジェットをまとめてご紹介します。

「私だってぐにゃっとさせたい！」SVGを簡単な記述で効果的に動かせるSnap.svgを使って、ぐにゃっとしたアニメーションを作ってみました。

MDの岡山分室番長がアプリハッカソン初参戦！

TypeScriptファイルをビルドツール「gulp.js」によってコンパイルしつつ、モジュールバンドラー「WebPack」で依存関係を解消・マージしてみよう！

今、話題のスマホVRコンテンツをカンタンに作る方法を学ぶハンズオンセミナー！未来を感じに参加してみました。数カ月後には、こんなプロジェクトやっている!?

Webと映像を融合したコンテンツを作る上で、欠かせないのが「YouTube API」。今回はフロントエンドエンジニアが公式ドキュメントの補足的なTipsをご紹介します。

これは悶絶！　深夜作業中には出会いたくない飯テロなWebサイトを題材に、「美味しそうに見える」デザインの考察をまとめてみました。

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

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

三角関数sin/cosを使ってオブジェクトを考えてみよう！　年末恒例となった"頭の体操"、算数ドリルシリーズ第2弾です。

デザインに配置するために写真の不要な部分を切り取る、「トリミング」。簡単な配慮でもデザインの仕上がりにちょっとした違いが生まれる！　そのポイントを解説します。

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

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

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