MD-Blog_Web Creative

アクセシビリティに配慮したインクルーシブなHTMLマークアップを実践するシリーズ。第３回は状態に応じたaria-hidden, aria-expandedを紹介します。

マークアップ側に共有しやすいWebサイトのデザインデータを作るために、Adobe XDに便利なプラグインを追加しよう！

人の心理をうまく利用したWebデザインとは？　UIやUXの向上に取り入れたい「心理学の手法」をご紹介！

Webディレクターなら使いたい！ワイヤーフレーム作成にも便利なデザインツール「Figma」の使い所・便利機能をご紹介。

Webアプリ内にQRコードリーダー機能を持ちたい！　WebRTC✕QRでiPad用QRコードリーダーをJavaScriptで作ってみました。

VUeがもっと便利になる「Vue CLI」と、フロントエンドエンジニアやデザイナーでも安心な「Vue CLI UI」を解説します。

Backlogを使っているディレクターなら試してみたい！ Markdown記法をプレビューしながら書ける「VS Code Backlog Wiki Preview」をご紹介します。

これを意識すれば、デザインのクオリティーが上がるかもしれない！　「黄金比」について勉強していきましょう。

MONSTER DIVEが毎月行っている社内勉強会「Creators Lab」。2019年の総集編『2019年気になったけど出来なかった事・やり残した事を試す』を各クリエイターのコメントと共にお届けします。

年末の風物詩、MONSTER DIVEの今期やったったプロジェクトをご紹介！

Vue.jsアプリケーションを作成するためのJavaScriptフレームワーク「Nuxt.js」を使ってみよう！　今回はインストールからテンプレート作成をご紹介します。

暇なときはコラージュして遊ぼう！　画像加工のスキルも上がるし暇つぶしにもなる。そんな「作ってみた」ブログです。

アクセシビリティに配慮したインクルーシブなHTMLマークアップを実践するシリーズ。第2回は実際の操作を意識したrole属性、aria属性の実装を行ないます。

Webデザインを上達するために効果的な勉強方法とは？　「どのように模写すれば身になるのか」をご紹介します。

After Effectsで作成したアニメーションを簡単にWebで実装できる！　iOS, Android, React Native対応のアニメーションライブラリ「Lottie」の導入方法を紹介します。

弊社内でスタッフが趣味で（勝手に）やっているドリンクサービス『Suzuki商店』。その支払いをシステム化しよう！ということでRaspberry Pi＋PaSoRi＋Slackで連携する仕組みを作ってみました。

アクセシビリティに配慮したインクルーシブなHTMLマークアップとは？　グローバルメニュー的なナビゲーションを例に挙げて解説します。

写真の補正や切り抜き、そしてデザインのドキュメント化など、煩わしくなりがちなPhotoshop作業を、便利なプラグインで快適にしましょう。

ラジオのように熱量をもって物事を伝えるにはどうしたらいいのか？　視覚からの情報を扱うマークアップエンジニアが考察してみました。

移転して早3ヶ月。MONSTER DIVEオフィス周辺にあるインプットに活かせるオススメスポットを紹介！