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」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。
