デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」

 
PC・ノート・タブレット・スマホのスクリーンショットをサイトURLを入力するだけで一括生成できるWebサービス「Responsive Screenshots」の紹介です。 気になるサイトなどデバイス毎の表示を見てみたい時など便利そうです。

Responsive Screenshots



  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • 【CSS】CSSアニメーションを簡単に作成できる「Animista」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • SVGで背景パターンを作成できる「Hero Patterns」
RELATED POSTS
  • 遊びながら学べるプログラミング学習ゲーム「CodeCombat」
  • UIデザインのインスピレーションサイト「UI Movement」
  • ブログやSNSなどの壁紙を簡単に作成することができる「Cool Backgrounds」
  • PNG・GIF・SVGなどの画像フォーマットからjpegに変換してくれる「jpeg.io」
  • おすすめのホームページ作成サービス【無料版・有料版】
  • フォント名から使用しているサイトを調べられる「FontReach」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 導入しておきたいWordPressのおすすめプラグイン
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで作成する吹き出しとデザインのアイデア