プロフィール画像やアイコンに使える似顔絵ジェネレーター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」の紹介です。

SVGで作成されたローディングアイコンセット「SVG Loaders」

CSSやJavaScriptを使用しないで簡単に実装できる、SVGで作られたフラットデザインの超軽量ローディングインジケーター「SVG Loaders」を紹介します。

コピペするだけで使えるCSSボタンジェネレーターまとめ

フラットなボタンから、グラデーションをかけた立体感のあるボタンまで、デザインをしてコピペするだけで使えるCSSボタンジェネレーターを厳選して10サイト紹介します。

【フリー素材】手や指を使ったハンドジェスチャーのアイコン

ホームページやスマートフォンアプリの説明などに使えそうな、無料で使用できるハンドサイン・ジェスチャーのアイコンセットを紹介します。

【Illustrator】合成フォントでマンガ風フォントを作ってみる

一般的にマンガで使用されている書体は、かな(明朝体)&漢字(ゴシック体)のアンチックと言われる書体のようですが、Illustratorの合成フォントを使えば簡単にマンガ風フォントを作成することができます。

【JS】マウスの動きに合わせて影の角度が変化する「shine.js」

テキストや要素にシャドーを掛けられるJavaScriptライブラリshine.jsのご紹介。マウスの動きに合わせてシャドーエフェクトがスムーズに心地よく変化します。

【jQuery】リアルな波紋を再現するプラグイン「jQuery Ripple」

マウスの動きやクリックに合わせて指定した要素にリアルな波紋のエフェクトを掛けるWebGLをベースにしたjQueryプラグイン「jQuery Ripples」をご紹介。

センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト

デザイナーが仕事で使用するアプリケーションでの操作や、色彩感覚・タイポグラフィまでゲーム感覚でチャレンジできるサイトがいろいろあったのでまとめてみました。

CSSをショートハンドに書き換えてくれる「SHRTHND」

CSSを簡単にショートハンドに書き換えてくれるジェネレーター「SHRTHND」のご紹介。納品前・公開前にCSSを整形したい時に便利なジェネレーターです。

RANDOM POST
  • Hulu (フールー)で観れるおすすめのアニメ【2020年3月版】
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • 1999年から現在までのフライヤーをアーカイブした「FLYER ARCHIVE JP」
  • レスポンシブデザインでのロゴパターン「responsivelogos」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • 【2020年版】Photoshopのブラシを追加する方法
  • フォントを調べる時に役に立つツール・サイト10選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選