Web Creative
Figmaで作ったデザインをLocofyで自動生成してみた
FigmaやXDのデザインをコードへ変換できるコード自動生成プラグイン「Locofy」! 制作の流れやポイントをWebデザイナーがご紹介します。
Web Creative
FigmaやXDのデザインをコードへ変換できるコード自動生成プラグイン「Locofy」! 制作の流れやポイントをWebデザイナーがご紹介します。
Web Creative
【JavaScript】 スクロールすると動画にエフェクトがかかるアニメーション演出を、ソースコードのサンプルと共にご紹介します。
Web Creative
Webデザイナー志望の方、必見! Webと映像の制作会社、MONSTER DIVEの「デザイナー職」って具体的にどんな業務を担当しているの? 先輩デザイナーが教えます!
Web Creative
Webディレクターがおすすめする「Google Chromeの拡張機能」。サイト制作に役立つアドオンから日々の癒やしまで!?
Web Creative
iPhoneで撮影した写真をその場で1分でレタッチできる! 標準の画像編集でできる簡単な調整をご紹介します。
Web Creative
Next.js(App Router)でハマりがちな画面リフレッシュに関するちょっとした検証
Web Creative
Web制作のディレクションにおいて、PCだと楽にできるのに、スマホだとできない! そんなもどかしさを解決できるTIPSをご紹介します。
Web Creative
MONSTER DIVEのデザイナーってどんな働き方をしているの? Webデザイナーが一日のワークスタイルをご紹介します。
Web Creative
Webエンジニアとして技術をキャッチアップするべく、イラストAI「Stable Diffusion web UI」でネコちゃんをダミー画像として作ってみます。
Web Creative
被写体選択、背景だけ引きのばす、はめ込み合成、手書きサイン、カラー適用。Webデザイナーが「Photoshopの裏技」をご紹介します。
Web Creative
Web制作を行うエンジニアの情報収集の手助けとなるサイト&サービスをご紹介します。
Web Creative
WEBプロダクション事業部で制作進行やディレクションを担う「プロダクションコーディネーター」。とある一日のワークスタイルをご紹介します。
Web Creative
ウェブサイトのワイヤーフレーム作成に使わている「Adobe XD」。もしXDからFigmaにツール移管するとしたら、を考えてみました。
Web Creative
M0NSTER DIVEでは12年間に渡って様々な勉強会を定期的に開催しています。「勉強会」のカルチャーは、継続することで、もはやMDに欠かせない文化になっています。
Web Creative
Canvasで時系列のデータを円グラフ風に描画する! 難しく捉えがちな実装も整理して考えればシンプルに実現できます。CodePenでサンプルも公開!
Web Creative
Web制作・CMS構築を手掛けるMONSTER DIVE「WEBプロダクション事業部」の2022年プロジェクトを振り返ります。
Web Creative
デザインは、トレンドがあっても基本は変わらない! デザインの基本学習が捗るデザイン書籍を3冊ご紹介。
Web Creative
2022年、いま世間を賑わせている「画像生成AI」。このビッグウェーブに乗るべくWebエンジニアが開発に役立つ「AI」を調べてみました。
Web Creative
Chromeの拡張プラグインでWeb制作をもっと便利に! マークアップエンジニアが普段から利用しているおすすめプラグインをご紹介します。
Web Creative
モンスターダイブの公認キャラクターを目指して、ロゴからインスパイアしたキャラクターイラストを作成してみました!