7月, 2018 | webclips

レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」

レスポンシブデザイン制作で役に立ちそうなブレイクポイント毎に画像を生成してくれるサービス「Responsive Image Breakpoints Generator」のご紹介。

様々なホバーエフェクトを実装できる「imagehover.css」

多くのサイトでよくみられる画像をマウスオーバーさせた時のエフェクトが40種以上も用意されているCSSで作れられたエフェクト集「imagehover.css」を紹介します。

スマホUIのアニメーションを確認できるサイト「appealing」

スマホアプリのUIをアニメーションで見ることができるギャラリーサイト「appealing」の紹介。カテゴライズされているので見たいアクションの動きをパッと見ることができます。

レスポンシブのチェックに役立つサービス「Resizer」

Googleが「Resizer」なるサービスを公開したので備忘録。ブラウザ・スマホの画面サイズでどうサイトが表示されるかをチェックしたい時に最適なサービスです。

RANDOM POST
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • Hulu (フールー)で観れるおすすめのアニメ【2020年3月版】
  • レスポンシブデザインのパターン集「Responsive Patterns」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • WordPressにおすすめレンタルサーバー8選【初心者向け】
  • 導入しておきたいWordPressのおすすめプラグイン
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選