ウェブデザインに使えるチャート・グラフツールいろいろ

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

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい

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

JQueryで簡単に作るドロップダウンメニューいろいろ

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

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

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

ウェブデザインのレイアウトに役立つ11サイト

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

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

Tableのデザインまとめ

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

スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ

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

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

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

パララックス効果を使ったウェブデザイン

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

サイトでチャートやグラフを使いたい時に使えるまとめ パート2

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