【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。
Webデザイン
【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
要素やイメージをふわふわ浮せたることができるjQueryプラグインの「jqFloat.js」のご紹介。メインビジュアルのアクセントとして使えそうなプラグイン。
【jQuery】ジオメトリックを実装できる「particleground.js」
要素の背景に幾何学模様(パーティクル)のアニメーションを実装できるjQueryプラグイン「particleground.js」を紹介します。
Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。
【jQuery】レスポンシブ対応のスライダー「Glide.js」
スマートフォン・タブレットなどのスワイプ操作にも対応した軽量で使えるjQueryスライダー「glide.js」を紹介します。Webサイトのメインビジュアルなどに使えます。
【Webデザイン】魅力的な動きをするレスポンシブメニュー
レスポンシブWebデザインで使えそうな心地よいエフェクトで出現するドロワーメニューがcodropsでいろいろあったのでまとめました。
【jQuery】背景画像のスライドショーを実装する「Vegas2」
背景画像のスライドショーを実装するjQueryプラグインの「Vegas」の紹介。背景画像の切り替えエフェクト・オーバーレイの種類が豊富でインパクトのあるサイトを制作できます。
【CSS】CSSだけで作られた簡単に使えるアイコンセット
矢印・メニューボタン・チェックマークなど、レスポンシブデザインにも使えるCSSだけで作られたアイコンセットを提供しているサイトをご紹介。
【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
animate.cssと併用してクリック・マウスオーバー・スクロールなどのイベントで簡単にアニメーションを実装できる「AniJS」が便利そうなのでメモ。
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
レスポンシブWebデザインなどのグローバルメニューで使えそうなアニメーションで切り替わるボタンを生成できるジェネレーター「Transformicons」の紹介です。
SVGで作成されたローディングアイコンセット「SVG Loaders」
CSSやJavaScriptを使用しないで簡単に実装できる、SVGで作られたフラットデザインの超軽量ローディングインジケーター「SVG Loaders」を紹介します。
コピペするだけで使えるCSSボタンジェネレーターまとめ
フラットなボタンから、グラデーションをかけた立体感のあるボタンまで、デザインをしてコピペするだけで使えるCSSボタンジェネレーターを厳選して10サイト紹介します。
センスが磨ける？Webデザイナー向けのクイズ・ゲームサイト
デザイナーが仕事で使用するアプリケーションでの操作や、色彩感覚・タイポグラフィまでゲーム感覚でチャレンジできるサイトがいろいろあったのでまとめてみました。
Web上で差分が確認できるテキスト比較ツール「difff」
Web制作で「どうして動かない？」「ん？…なんかおかしい？」なんて時にファイルを比較して問題を解決する事があると思います。そんな時に便利なWeb上で差分が確認できるテキスト比較ツール「Difff」のご紹介。
【Webデザイン】Webサイト制作に役立つブックマークレット
Webデザイン制作の前に、競合サイトやイメージに近いサイトの情報を参考程度に調べる事があると思います。そんな時、閲覧しながら調べられる役に立ちそうなブックマークレットをご紹介。
