インスピレーションを刺激するロゴデザインギャラリー「Logobook」
インスピレーションを刺激するロゴデザインギャラリーLogobook。ロゴデザイン制作時の情報収集のツールとしても活躍しそうなサービスです。アルファベット/数字・オブジェクト・自然・業種・デザイナー・制作会社・国別とカテゴ […]
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
SVGを手書き風のアニメーションにすることができるJSライブラリ「vivus.js」の紹介です。ランディングページなど効果的に使えそうなライブラリです。
音楽に合わせて要素を動かすことができる「Rythm.js」
サイトのBGMとシンク(同期)させて要素に躍動感・カラー変更などを与える事ができるjavaライブラリ「Rythm.js」の紹介です。
CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
自作のピクセルアートをCSSで出力することができるピクセルアートジェネレーター「Pixel Art to CSS」の紹介です。
180種類のグラデーションがまとめられた「WebGradients」
180種類ものグラデーションのパターンをまとめたサイト「WebGradients」の紹介です。CSS・PNGや、photoshopやsketch用のグラデーションも配布されてます。
CSSで実装するローディングアニメーション「Single Element CSS Spinners」
8種類のスタンダードなローディングアニメーションをCSSで簡単に実装することができる「Single Element CSS Spinners」の紹介です。
きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
サイトの検索フォームをダイナミックにエフェクトさせる「Inspiration for Search UI Effects」のチュートリアルの紹介です。
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
ソートやフィルタリングもできるグリッドレイアウトを実装することができる「Muuri」の紹介です。ブロック要素をドラッグで移動できる優れもの。
【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
美しいチルトホバーエフェクトを実装することができる「Tilt.js」の動きが心地よいので忘備録。オプションも豊富にありエフェクトを自分好みにカスタマイズすることが可能です。 Tilt.js Tilt.js
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
ブロックの追随するアニメーションエフェクト「Block Reveal Effects」を紹介します。テキストやイメージ等に美しい印象のエフェクトです。
CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
CSSと少々のJavaScriptで実装できるメニューのスニペットをまとめた「110 CSS Menu」の紹介です。リストでデモを確認でき、ダウンロードも可能です。
様々な企業のデザインガイドラインをまとめた「Design Guidelines」
Apple・Google・Microsoftなど様々な企業のデザインガイドラインをまとめたサイト「Design Guidelines」の紹介です。
【CSS】いろんなスタイルのボタンを簡単に実装できる「bttn.css」
CSSを読み込み要素にクラスを設定するだけで色々なボタンを実装することができる「bttn.css」の紹介。各ボタンにはホバーエフェクトも付いていてGood！
【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
プレースホルダに色々なアニメーションを実装できるjQueryプラグイン「FoxHolder」の紹介です。15種類のバリエーションが用意されてます。
魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
ロールオーバーで立体感のあるチルトエフェクトを実装できる「Tilt Hover Effects」のご紹介。いくつかサンプルが用意されてますが動きが心地よい。
画像をアップするだけでブラウザイメージを生成できる「Browser Frame」
Webサイトのスクリーンショットをアップするだけでブラウザに埋め込んだようなイメージを生成できる「Browser Frame」の紹介です。
クオリティの高いグラフを描画するjsライブラリ「Chart.js」
Canvasを使って棒グラフや円グラフなど、様々なグラフをおしゃれに描画してくれるjavaライブラリ「Chart.js」の紹介します。
Googleが公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」
Googleが試験的に公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」の紹介です。9種類の日本語フォントが用意されているので色々と試してみたいものです。
