MD-Blog_Web Creative

簡単にWebサイトに「Google マップ」を埋め込むには？　結構面倒でよくやり方を忘れがちなこの方法をプラグインで解決！　オーサリングエンジニアのOhkiがjQueryプラグインを作ってみたシリーズ第3弾です。

「ブラウザでの見た目そのままで印刷したい！」という、まれによくあるクライアントからのご要望。SVGは？　PNGは？　IEでは？　かんたんそうに見えて意外と厄介なこの課題に、マークアッパーが挑む！

今年も開幕したJリーグを記念して（？）、磐田サポの弊社ADが選ぶイケてるサッカークラブサイト！

MONSTER DIVEが毎月行っている社内勉強会「Creator's Lab」。2016年もその総集編、年末にまとめとして『2016年気になったけどできなかったこと/やり残したことを試してみる』をテーマに実制作に挑戦！　各クリエイターの制作物をご紹介します。

算数を使ってインタラクティブアニメーションの基礎を学ぼう！算数ドリルシリーズ第3弾です。

GUIでかんたんにバージョン管理！　「SourceTree」を使ったGitの基本的な使い方と用語の覚書。Backlogなどとの連携も便利だけど、自分のPC（ローカルリポジトリ）だけでも実は使える、そのフローを無駄にアニメーションGIFでどうぞ。

オーサリングエンジニアのOhkiがjQueryプラグインを作った！シリーズ第2弾。「非対応のスマホからのアクセスの場合はアラートを表示させたい」というWebサイト制作にありがちなニーズに応えます。

途中で引き継いだ案件にスタイルガイドがあれば！ってマークアップエンジニアなら誰しもが思う近頃の事案。なら作ってみればいいじゃない、というわけで、「aigis」で作ってみました。

一度悩むともう何も出てこない！みたいな"デザイナーの深淵"。そんな状況に陥ったとき、実践したい対処法をWebデザイナーがご紹介します。

ページの上部によく見かける"検索窓"もデザイン上では重要な要素。定番の虫眼鏡アイコンだけではなく、世界観の演出に役立っているギミック付きの"検索窓"をご紹介。

ECTやJADEに代表されるテンプレートエンジン。使いこなせばとてつもなく便利！っていう噂の代物、今回はコトハジメとしてそもそも論から個人的な使い方までがっつりご紹介！

「ハッシュ付きのURLにアクセスしたとき、本文にヘッダが被らないようにしたい！」Webサイト制作でありがちなちょっとした課題に対応するべく、オーサリングエンジニアのOhkiがjQueryプラグインを作ってみました。

今年こそはVR（バーチャルリアリティ・仮想現実）元年。マークアッパーでも簡単なVR対応ページが作れてしまうというウワサの「A-Frame」を使って、360°画像を表示してみよう！　くるくる回るキューブを作ってみよう！

MONSTER DIVEの有志5名で、国内最高峰のアプリクリエイター競技会に参加してきました。

デザイナーが選ぶ！　イラストの魅力でGoodな印象を作り上げているWebサイト10選。

スマートフォンやタブレットサイトでよく見かける「三本線のアイコン」、ハンバーガーメニューと呼ばれるアレを、本物のハンバーガーで作ってみた！　くだらないは、正義です。

「href」「width」「align」...Web業界でよく使われている英語のコトバ、あなたは正しく発音できていますか？　知らずに恥ずかしい思いをしたクリエイターが調べてみた！

スマホサイトのメインビジュアルや広告でより高い効果を得られると話題の"シネマグラフ"って？　サンプル画像とともにご紹介します。

便利なECTをgulpで使う。まだまだ資料の少ない「gulp-ect」、痒い所に手が届くTipsをご紹介します。

「どうしたら"アイコン"を思い通りに表示出来るか？」花粉症の季節にマークアッパーがぐだぐだと悩み、Webフォント, CSS, SVG, JavaScriptまで駆使して試してみました。