レスポンシブのチェックに役立つサービス「Resizer」
この手のリサイザーは様々なツールやサービスがありますが、Googleが公開した「Resizer」がシンプルで使いやすそうなので忘備録。
Resizer – Google Design
-
軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
-
レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
-
【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
-
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
-
レスポンシブデザインでのロゴパターン「responsivelogos」
RELATED POSTS
背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
CSSで実装するローディングアニメーション「Single Element CSS Spinners」
CSSだけで三角・矢印を作る方法
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
CSSで作成する吹き出しとデザインのアイデア
