モックアップ

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選
  • 無料で使えるデジタル風フォント13選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • Photoshopで使用できる“煙・湯気系”ブラシ10選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • Photoshopで簡単に背景を伸ばすテクニック
  • プロフィール画像やアイコンに使える似顔絵ジェネレーター10選
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
  • 【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」