webclips CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」 WebDesignCSS モックアップ 2018/10/04 スマートフォンやタブレット・PCまで様々なデバイスをCSSで表現したライブラリ「Devices.css」を紹介します。iPhone・iPad・AppleWatch・MacBookからGoogle Pixel・Surfaceまで簡単に実装することができます。 Devices.css iPhoneXでは筐体はCSS、スクリーンは動画を埋め込んで再現しています。アプリの紹介や操作フローなど動画と組み合わせれば効果的に使えそうです。 Devices.css PickUp Related Posts 【Webデザイン】スクロールで変化する固定ヘッダーいろいろ 【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」 ビューポートなどで要素の可視性を検出できる「Emergence.js」 あると便利なスクロールアニメーションライブラリ11選 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」 UIデザインのスニペットがまとめられたサイト「CodeMyUI」
