Flashでグラフを描きたい。 そんなときにおすすめなのが、『10 Useful Flash Components for Graphing Data』。グラフを描画するための便利なFlashコンポーネントです。 いい感じのが揃っていますね。 Open Flash Chart オープンソース、AS3で作られています。右クリックでグラフを画像として保存することも可能 デモ：Open Flash Chart XML/SWF Charts XMLを使ってグラフを描画 デモ：XML/SWF Charts zxChart txtやXMLからグラフを作成。約$20 amCharts CSVやXMLからグラフを描画。ぼよーんとした動きがかわいい デモ：amCharts Fly Charts オンラインウィザードからグラフを生成できる。個人利用無料。商用利用は$99〜$799 デモ：FlyCharts 一

Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて

「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The Invoice Machine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne

ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

Design デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』 フリーアイコンを探している。 そんなあなたにおすすめなのが、『96 of the Best Ever Free Icon Sets』。デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選だ。 以下にいくつかご紹介。 Sweetie – Web Communication v.1 DryIcons – Stickers Icon Set Matt Ball – Developer Icons sone-pl – Light Icons デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン、チェックしてぜひ使ってみてはいかがだろうか。 ふと思い立ってサーバ移転を敢行。ほぼ徹夜だw。 前からやろうと思ってたんですが、急にや

ロイヤリティフリーの写真素材サイトを探している。 そんなあなたにおすすめなのが、『25 Free Stock Photo Sites』。フリーの写真素材が見つかるサイト25選だ。 以下にいくつかご紹介。 » Stock Xchng 有名な写真素材サイト » everystock 300万以上の写真が登録されているモンスターサイト。フリーの写真検索エンジンとなっていて、オプションでライセンスを選んで検索できる » Imagebase 無料で使える写真サイト。ライセンスはCreative Commons。1600×1200と3072×2048の解像度の2パターン » morguefile 無料で使える写真素材サイト » photorogue ちょっと変わったサイト。「こんな写真撮ってきて」とオンラインでリクエストすると、フォトグラファーが実際に撮ってきてくれるサービス。しかも無料 » Geek

かわいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Best of the Best Free Icons』。無料で使える素晴らしいアイコン集だ。 以下にいくつかご紹介。 » Monofactor Icon Set 1 クオリティの高い25個のアイコン。illustrator8以上で使えるベクターデータ » IcoJoy ブログやサイトにぴったりのアイコンが4セット。.ico, .icns, .tif, .gif, .bmp, .pngといった6つのファイルタイプで提供 » Webappers Web Application Icon Set シャイニーなエフェクトのアイコン集。↑のキャプチャはこのサイト » Asp.Net Icons PNGファイルで300アイコンを提供 無料で使える素晴らしいアイコン、チェックしてぜひ使ってみてはいかがだろうか。 本をいろいろ購入。雰囲気のい

商用でも無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『PI Diagona Pack』。商用でも無料で使えるアイコン400選だ。 このエントリーでは、10x10pxと16x16pxのアイコンが200個ずつ、合計400個提供されている。 The icons can be used free for any personal or commercial projects. * The icons are licensed under a Creative Commons Attribution 3.0 license. とあるように、個人利用、商用利用共に無料で利用可能。 ライセンスはCreative Commons Attribution 3.0 license。 ブログやサイトなどに、ぜひ使ってみてはいかがだろうか。 商用でも無料で使えるアイコン、チェックして使ってい