Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Dynamic Recessed Watercolor Typography Colorful Typography Big Typography Snowboarding Poster Using Light And Shadow Scanline Text Colorful Glowing Text Effect Creating an elegant logo Moon Shine Text Effect Elmas Yazı Efekti Colored chrome text effect Army text style...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
『 ブログのテンプレートのデザインを担当したとき、「大型サイト用、中型サイト用、小型サイト用の3パターン作成してください」と要望された。ブログって最初はみんな小型サイトなんじゃないの??? 』
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
以前、紹介した「DryIcons」にかなりの数のアイコンが追加されていたので、紹介します。 ダウンロードできるアイコンは、Win用「.ico」、Mac用「.ICNS」、画像「.png （16×16～128 [...]
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
はメチャスゴい。写真を重ね合わせる輪郭線（スケルトン）がはっきり分るのもうれしい。まるでデータを合成して得られたメタデータのゴーストみたいだ。これが可能なのも信じられないほどのコンピュータ処理能力のおかげだ。昼間と夜間の切り替えもスムーズだし、回転も、ズームも滑らかで、カラー修正もされて、実にすばらしい。とにかくビデオを見て欲しい。何が起...
以前からGoogleドキュメントでは、フォーム（アンケート）機能が利用でき、ウェブページに埋め込みできたりと好評でしたが、今回そのフォーム機能が独立してさらに使い安くなりました。 (more…)
『 via:http://phpspot.org/blog/archives/2008/08/post_232.html 』
キラキラと光ったり、うねうね、ぐるぐるなどアニメーションするテキスト画像を作成できるオンラインサービスの紹介です。 下記は、それぞれのサイトで作成したアニメーションするテキスト画像です。 ※アニメーションのパターンは、各 [...]
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 ...
『 IBMの名経営者と言われたT.WatsonJr.が、企業が永遠の存在であるために守るべき３条件として述べている言葉を呈しておきましょう。 １.（社内外問わず、誰もが立派だと思う）信条を持て ２.（何事があっても）信条を守り抜け ３.それ以外のことは全て変えてしまう勇気を持て ※（）内は中西の注釈です。 』
イイ！ フリーと聞いたらやっぱり紹介せずにはいられない。 これいいですね。
yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査（inspect）、CSSを書き換えてレイアウトを考える参考にしたり、 HTMLを書き換えてid属性やclass属性を書き換えて適用するスタ...
最近はメモリを2Gバイトとか4Gバイトとかを最初から搭載するPCも結構多くなってきましたね。 Photoshop CS2/CS3を使用していてメモリを多く積んでいる人にお得な情報をお知らせしたいと思います。 なんと、たった1文字ファイル名を変更するだけでPhotoshopの動作が高速化されてしまうのです。 Photoshop CS2/CS3ユーザーでメモリが1Gバイト以上ある方（※）の変更すべきファイルは...
illustratorで綺麗なラインが描きたい。 そんなときにおすすめなのが、『Illustrator Make with Mesh』。illustratorで綺麗なラインのイラストを描く方法だ。 このエントリーでは、↑のようなイラストを描く方法が紹介されている。 4本のラインを描いて、パスで歪曲させて、ブラシでゆがめていく。 かなりアーティスティックなイラストが出来上がっていると思う。4つの色の組み合わせも...
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能と...
通常、パソコンの壁紙は自分の好みのものを選んだりするのですが、この壁紙を違うものにすることで仕事の効率を改善し、作業スピードをアップすることが可能になるとのこと。一体どういう壁紙なのでしょうか？ 壁紙のダウンロードと使い方は以下から。
