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