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

スマートフォンやタブレット・PCまで様々なデバイスをCSSで表現したライブラリ「Devices.css」を紹介します。iPhone・iPad・AppleWatch・MacBookからGoogle Pixel・Surfaceまで簡単に実装することができます。

Devices.css


iPhoneXでは筐体はCSS、スクリーンは動画を埋め込んで再現しています。アプリの紹介や操作フローなど動画と組み合わせれば効果的に使えそうです。


\ Webデザインに関するお役立ち情報を定期的に配信中 /

Follow @webclips_jp

RecentPosts
  • 簡単な操作でオリジナルのロゴを作成できる「Wixロゴメーカー」の使い方
  • 無料で使えるフリーイラスト素材サイト48選(商用利用可)
  • 【2023年2月版】WordPress対応のおすすめレンタルサーバー比較 ( 初心者向け )
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • ConoHa WINGでメールアドレスを作成する方法
WordPress対応! 初心者におすすめのレンタルサーバー特集
PopularPosts
  • 無料で使えるフリーイラスト素材サイト48選(商用利用可)
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • フォントを調べる時に役に立つツール・サイト10選
  • 無料で使えるデジタル風フォント13選