レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
レスポンシブデザインのメインヴィジュアルで使用するような画像を設定したブレイクポイント毎に最適化し生成してくれる「Responsive Image Breakpoints Generator」。画像のリサイズならphotoShopなどで、ちゃっちゃとやった方が早いと思いますが、仕組みを理解するという意味では面白いサービスです。
Responsive Image Breakpoints Generator
↓サイズ毎のイメージも確認でき、HTML5のソースも表示されます。
-
ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
-
レスポンシブのチェックに役立つサービス「Resizer」
-
SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
-
有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
-
SVGで背景パターンを作成できる「Hero Patterns」
RELATED POSTS
画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」
リアルな水滴を表現できる「Rain & Water Effect Experiments」
2択のUIデザインから正しいデザインを選択していくゲーム「Can’t Unsee」