レスポンシブのチェックに役立つサービス「Resizer」
この手のリサイザーは様々なツールやサービスがありますが、Googleが公開した「Resizer」がシンプルで使いやすそうなので忘備録。
Resizer – Google Design
-
レスポンシブデザインのパターン集「Responsive Patterns」
-
YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
-
レスポンシブデザインでのロゴパターン「responsivelogos」
-
レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
-
軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
RELATED POSTS
CSSで実装するローディングアニメーション「Single Element CSS Spinners」
【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
CSSで作成する吹き出しとデザインのアイデア
Google Mapのスタイルテンプレート「Snazzy Maps」
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
