CC0の無料で使えるイメージを一括検索できる「freephotos.cc」

複数のフォトストックサイトから目当ての写真を横断検索できるイメージ検索サイト「freephotos.cc」の紹介です。クオリティーの高い写真が揃ってます。

【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」

CSSのtext-shadowの使用例をまとめたサイト「Keiyaku CSS」の紹介です。サンプルコードもあってコピペで使用できます。

日本の契約書のためのCSSライブラリ「Keiyaku CSS」

Markdownで書かれた契約文書を、適切な印刷書式にスタイリングするためのCSSライブラリ「Keiyaku CSS」の紹介です。

【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン

サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。

フリーで使用できるモックアップをまとめたサイト「Mockup World」

PC・スマホは勿論、T-シャツ・ボトル・看板など、無料で使用できるモックアップをまとめたサイト「Mockup World」の紹介です。

軽快なアニメーションのバーガーメニュー「Ember Burger Menu」

様々なアニメーションエフェクトでのバーガーメニューを実装することができる「Ember Burger Menu」の紹介です。

インスピレーションを刺激するロゴデザインギャラリー「Logobook」

インスピレーションを刺激するロゴデザインギャラリーLogobook。ロゴデザイン制作時の情報収集のツールとしても活躍しそうなサービスです。アルファベット/数字・オブジェクト・自然・業種・デザイナー・制作会社・国別とカテゴ […]

手書き風SVGアニメーションを簡単に実装できる「vivus.js」

SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。

デザイナーのポートフォリオをまとめたサイト「Bestfolios」

プロダクトデザイナー・UI/UXデザイナー・グラフィックデザイナーなどのポートフォリオをまとめたインスピレーションサイト「Bestfolios」の紹介です。

立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」

レイヤーとズームを上手く使い要素を立体的なアニメーションエフェクトを実装できる「Stack Motion Hover Effects」の紹介です。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
INSPIRATION
  • 国内のWebデザイン

  • 海外のWebデザイン

  • LP・ランディングページ

  • レスポンシブWebデザイン