【Webデザイン】魅力的な動きをするレスポンシブメニュー

レスポンシブWebデザインで使えそうな心地よいエフェクトで出現するドロワーメニューがcodropsでいろいろあったのでまとめました。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

PhotoShopで新聞の写真風ドットスタイルに画像を加工する

新聞のモノクロ写真のような画像をPhotoShopのハーフトーン(網点)で加工する方法を紹介します。グラフィックデザイン等でレトロな感じを出したい時などポイントで使うといいかも。

【フリー素材】ユニークな写真が多いフリー写真素材サイト「Gratisography」

無料で使用可能なフリー写真素材サイト「Gratisography」の紹介。毎週新しい写真が追加されるようなのでこまめにチェックしたいサイトです。

Web上で差分が確認できるテキスト比較ツール「difff」

Web制作で「どうして動かない?」「ん?…なんかおかしい?」なんて時にファイルを比較して問題を解決する事があると思います。そんな時に便利なWeb上で差分が確認できるテキスト比較ツール「Difff」のご紹介。

【Webデザイン】Webサイト制作に役立つブックマークレット

Webデザイン制作の前に、競合サイトやイメージに近いサイトの情報を参考程度に調べる事があると思います。そんな時、閲覧しながら調べられる役に立ちそうなブックマークレットをご紹介。

【Illustrator】3Dグラフィックスタイルを作ってみる

Illustratorで立体感のあるメタルっぽい感じのグラフィックスタイルを作成するチュートリアルです。グラフィックスタイルを保存すればテキストやオブジェクトに適用することができます。

【Illustrator】イラストレーターで煙のようなブラシを作ってみる

Illustratorでモクモクと煙のようなブラシを作成するチュートリアルです。海外サイトで紹介されていたチュートリアルを参考にしましたが、比較的簡単にそれっぽくできたので作り方をまとめました。

【フリー素材】フリー写真素材サイト「Unsplash」のクオリティーがすごい。

海外の無料で使用可能なフリー写真素材サイト「Unsplash」の紹介。10日ごとに10点づつ写真をアップしているようですが、洋書にありそうな雰囲気のある写真がいっぱいです。

PopularPosts
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使えるデジタル風フォント13選
  • ビジネス系イラストをダウンロードできるフリー素材サイト7選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • Photoshopで使用できる“かすれ・グランジ系”ブラシ10選
  • さまざまなスタイルのCSSボタンをコレクションした「Buttons」
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット