ブロックのアニメーションエフェクトが美しい「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種類の日本語フォントが用意されているので色々と試してみたいものです。

CSSだけでブルブル震えるエフェクトを実装できる「CSShake」

文字などの要素をブルブルを震えるエフェクトを簡単に実装することができる「CSShake」の紹介です。

指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」

自分の制作したサイトなど、他国からアクセスがあった際にどのように表示されるかチェックすることができるWebサービス「GeoScreenshot」の紹介です。

フォント名から使用しているサイトを調べられる「FontReach」

フォント名からそのフォントを使用している主要サイトとフォントの使用状況を調べられるWebサイト「FontReach」の紹介です。

SVGで背景パターンを作成できる「Hero Patterns」

パターンをカスタマイズしてコピペで使用できるSVGパターン作成サイト「HeroPatterns」の紹介です。背景素材として重宝しそうなサービスです。

Facebookの広告を集めたサイト「Facebook広告集めました。」

Facebook広告の運用やデザイン・広告文を考える時に役立つFacebookの広告を集めたギャラリーサイト「Facebook広告集めました。」の紹介です。

input要素への入力を制御できるスクリプト「Cleave.js」

凝ったフォームを制作したい時など役に立ちそうな入力サポートしてくれるjavaライブラリ「Cleave.js」の紹介です。

RANDOM POST
  • 【WordPress】ページナビゲーションを簡単に設置できるWP-PageNavi
  • ワールドカップのユニフォームのパターンをまとめた「World Cup in Pattern」
  • 無料で使用できるベクター線画イラスト素材「Linustock」
  • 画像を使わずにCSSだけで三角・矢印を作る方法
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 導入しておきたいWordPressのおすすめプラグイン
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • WordPressにおすすめレンタルサーバー8選【初心者向け】