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」の紹介です。
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
非レスポンシブの要素を自動でレスポンシブ化してくれる「Reframe.js」の紹介です。レスポンシブの悩み所を解決してくれるJSライブラリです。
【jQuery】ページにマーカーを実装することができる「markerPen」
Webサイト上に蛍光ペンのマーカーのような機能を実装することができるjQueryプラグイン「markerPen」の紹介です。
グラデーションのアニメーションを実装できる「Granim.js」
グラデーションのアニメーションを手軽に実装することができるjavaライブラリ「Granim.js」の紹介です。様々なケースで効果的に使える軽量なスクリプト。
世界の国旗をCSSとdivのみで実装する「CSS Flags」
世界各国の国旗をCSSとdivで表現する「CSS Flags」のご紹介。シンプルなデザインから複雑なデザインまで、CSSで描画したい時など参考になります。
