モックアップ

CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」

iPhoneやAndoroid、PCまで様々なデバイスをCSSで表現したCSSライブラリ「Devices.css」を紹介します。

簡単に作れるはめ込み画像モックアップジェネレーター5選

PCやスマートフォン・タブレット等のデバイスに、スクリーンショットをはめ込み画像にしてモックアップイメージを生成してくれるWebサービスをご紹介。

3Dで作れるスマホのモックアップツール「Threed.io」

角度や向き、背景色・影など自在にスマホのモックアップを3Dで作れるツール「Threed.io」の紹介です。

デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」

PC・ノート・タブレット・スマホのスクリーンショットをURLを入力するだけで一括生成できる「Responsive Screenshots」の紹介です。

フリーで使用できるモックアップをまとめたサイト「Mockup World」

PC・スマホは勿論、T-シャツ・ボトル・看板など、無料で使用できるモックアップをまとめたサイト「Mockup World」の紹介です。

画像をアップするだけでブラウザイメージを生成できる「Browser Frame」

Webサイトのスクリーンショットをアップするだけでブラウザに埋め込んだようなイメージを生成できる「Browser Frame」の紹介です。

デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」

海外のハイクオリティーなモックアップ素材サイト「Qeaql」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。

PopularPosts
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • 無料で使えるデジタル風フォント13選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • Photoshopで使用できる“水彩系”ブラシ15選
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • 画像をアップするだけでブラウザイメージを生成できる「Browser Frame」
  • 手書き風SVGアニメーションを簡単に実装できる「vivus.js」
  • Photoshopを勉強する時に役立つおすすめ本 -初心者向け-