CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
スマートフォンやタブレット・PCまで様々なデバイスをCSSで表現したライブラリ「Devices.css」を紹介します。iPhone・iPad・AppleWatch・MacBookからGoogle Pixel・Surfaceまで簡単に実装することができます。
Devices.css
iPhoneXでは筐体はCSS、スクリーンは動画を埋め込んで再現しています。アプリの紹介や操作フローなど動画と組み合わせれば効果的に使えそうです。
-
デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
-
画像をアップするだけでブラウザイメージを生成できる「Browser Frame」
-
CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
-
CSSアニメーション制作に役立つライブラリ・ツール14選
-
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
RELATED POSTS
コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
レスポンシブのチェックに役立つサービス「Resizer」
【jQuery】要素を３D回転させるプラグインTURNBOX.js
入力フォームを実装するためのテンプレート「Boilerform」
【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
