レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
レスポンシブデザインのメインヴィジュアルで使用するような画像を設定したブレイクポイント毎に最適化し生成してくれる「Responsive Image Breakpoints Generator」。画像のリサイズならphotoShopなどで、ちゃっちゃとやった方が早いと思いますが、仕組みを理解するという意味では面白いサービスです。
Responsive Image Breakpoints Generator
↓サイズ毎のイメージも確認でき、HTML5のソースも表示されます。
-
有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
-
CSSをショートハンドに書き換えてくれる「SHRTHND」
-
ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
-
【html】文字実体参照を一覧できる「html arrows」
-
ロゴを様々な角度からテストできるツール「Logo Lab」
RELATED POSTS
【Webデザイン】Webサイト制作に役立つブックマークレット
CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
無料で使用できる！450種類以上のラインアイコン「LineIcons」
コピペするだけで使えるCSSボタンジェネレーターまとめ
画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
Google Mapのスタイルテンプレート「Snazzy Maps」
