DesignWalker

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可能ですが…。今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。…

続きを読む »

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユ…

続きを読む »

お問い合わせやログイン、アンケートなどなど、ウェブデザインには欠かせないフォーム。今回は、そんなフォームをデザインする方法をいくつかまとめてご紹介します。JavaScriptやCSSを使えば結構いろいろなことができそうです。…

続きを読む »

今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。

ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。

初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれ…

続きを読む »

今回は、ウェブデザインのレイアウトに役立つサイトをいくつかご紹介します。

そのまま使えるレイアウトのサンプルや、いい感じのスクリプト、レイアウトの参考になりそうなインスピレーション系などを集めてみました。…

続きを読む »

料金表やスペック表などに使えそうなTableのデザインを探してみるといろいろと見つかりました。 以前にもこのブログで「TableとCSSいろいろ」でもご紹介しましたが、 今回はTableのデザインパート２と言う事で、いろいろとまとめてみました。サンプルやダウンロードページが別に分かれているところは、そちらのリンクも記載しておきましたので、参…

続きを読む »

JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。

今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。

サンプルのスクリプトと、インスピレーションサイトを参考にして、かっこいい動きのあるサイト作りに挑戦してみてはいかがでしょうか？…

続きを読む »

パララックス効果って、あまり聞き慣れない言葉ですが…。
初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。
いくつかのレイヤーを、それぞれ違った速度でスクロール（奥にあ [...]…

続きを読む »

以前、このブログでご紹介した『サイトでグラフを使いたい時に使えるまとめ』
前回は、Illustratorのチュートリアルなどを中心にグラフの描き方をまとめたのですが、今回はFlashやScriptなどを使って、なるべく [...]…

続きを読む »

ブログのサイドバーはどのようにデザインされていますか？
カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。
flicrやlastfmなどを [...]…

続きを読む »