モックアップ

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」の紹介です。

SVGでダミー画像を生成できるサービス「Placeholder pics」

モックアップ制作などで役に立つ、ダミー画像(プレースホルダー)をちゃっちゃと生成することができるサービス「Placeholder pics」のご紹介。

Facebookのフリーデザインリソース「Design Resources」

Facebookのデザイナーによって制作されたモックアップとして使えるフリーデザインリソースのご紹介。UIやデバイスの素材が豊富に揃っています。

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

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

PickUp

POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
TAG LIST
  • Webサービス

    86

  • CSS

    58

  • 素材

    34

  • jQuery

    34

  • エフェクト

    31