2015年1月

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【jQuery】サイドバーをスライドで表示できるSimple Sidebar

サイドメニューを左右からスライドで表示することができるjQueryプラグイン「Simple Sidebar」の紹介です。最近よく見かけるドロワーメニューですが簡単に設置できるのでメモ。

PickUp

POPULAR POSTS
  • 長いURLを短くするオススメの短縮URLサービス
  • 無料で使用できるフリーイラスト素材サイトまとめ
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
TAG LIST
  • Webサービス

    86

  • CSS

    58

  • 素材

    34

  • jQuery

    34

  • エフェクト

    31