4月, 2018 | webclips

【jQuery】背景画像のスライドショーを実装する「Vegas2」

背景画像のスライドショーを実装するjQueryプラグインの「Vegas」の紹介。背景画像の切り替えエフェクト・オーバーレイの種類が豊富でインパクトのあるサイトを制作できます。

【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」

Google画像検索結果風のUIを実装できる「Thumbnail Grid with Expanding Preview」チュートリアルのサイト。イメージギャラリーやポートフォリオのサイトを作る時に使えそう。

プロフィール画像やアイコンに使える似顔絵ジェネレーター10選

LINEやTwitter・Facebookなどのソーシャルサービスのプロフィール画像などにも使えそうな似顔絵ジェネレーターを厳選して10サイトご紹介。

【CSS】CSSだけで作られた簡単に使えるアイコンセット

矢印・メニューボタン・チェックマークなど、レスポンシブデザインにも使えるCSSだけで作られたアイコンセットを提供しているサイトをご紹介。

【jQuery】ページめくり効果を付けられる「OneBook3d」

Web上でリアルなページめくり効果のフォトギャラリーを実装できるjQueryプラグイン「OneBook3d」のご紹介。マウスホイールやドラッグ・フリックにも対応しています。

【Illustrator】スポーツ新聞風文字のグラフィックスタイル

Illustratorでスポーツ新聞の見出しのような袋文字のグラフィックスタイルを作成するチュートリアルです。グラフィックスタイルを保存すればテキストやオブジェクトに適用することができます。

【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」

画像のドミナントカラーを抽出して、親要素の背景に設定するちょっと変わりダネのjQueryプラグイン「adaptive-backgrounds.js」のご紹介。

【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」

animate.cssと併用してクリック・マウスオーバー・スクロールなどのイベントで簡単にアニメーションを実装できる「AniJS」が便利そうなのでメモ。

バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」

レスポンシブWebデザインなどのグローバルメニューで使えそうなアニメーションで切り替わるボタンを生成できるジェネレーター「Transformicons」の紹介です。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年12月版】
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 導入しておきたいWordPressのおすすめプラグイン