動きのあるバブルを背景に設定することができる「bubbly-bg」

ランダムに動きのあるバブルを背景に設定することができる軽量で使いやすいスクリプト「bubbly-bg」の紹介です。

【jQuery】レスポンシブ対応のタブを実装できる「GridTab」

レスポンシブに対応した様々なタブを実装することができるjQueryプラグイン「GridTab」の紹介です。様々なスタイルが用意されておりカスタマイズも可能です。

データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」

様々なデータを視覚化(インフォグラフィック)をまとめたWebサービス「Data Viz Project」の紹介です。インフォグラフィック制作の際は見ておきたいサイトです。

Webサイト・アプリなどUIの配色を試せる「Pandacolors」

予め用意されているUIにカラーパレットより配色することで全体的なイメージを掴むことができるWebサービス「Pandacolors」の紹介です。

アップロードしたイメージからカラーを抽出するツール「Pictones」

画像をアップロードするだけで画像のカラーを元にカラーを抽出し、カラーパレットを表示してくれるWebサービス「Pictones」の紹介です。

モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」

ページ遷移のスライドアップアニメーションをモーフィング(SVG)で表現したデモ集「Morphing Page Transition」の紹介です。

AIがロゴを作成してくれるWebサービス「Brandmark」

ロゴに関するキーワードからAIが最適なロゴを提案してくれるWebサービス「Brandmark」の紹介です。

YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」

YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。

10年前の有名サイトを振り返ることができる「Ten Years Ago」

AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。

PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」

Photoshopで作成したPSDファイルをSketchファイルに変換するWebツール「PSD to Sketch Design Converter」の紹介です。

PickUp

POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年8月版】
  • フォントを調べる時に役に立つサービス・サイトまとめ
TAG LIST
  • Webサービス

    86

  • CSS

    58

  • 素材

    34

  • jQuery

    34

  • エフェクト

    31