2018/05/18(金)

WEBサイトのクオリティを高めるには

ローカル環境ではメニューが動作するのに(多階層でモバイル対応のメニュー)、サーバーにアップすると動かず、しばらく悩んでいましたが、jQueryのバージョンを新しくしたら動作しました。ホッ。

------------------------------------------------------
jQuery(ジェイクエリー)は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリ
ウィキペディアより
------------------------------------------------------
ちなみに、該当のメニューをマウスオーバーしたときに、下の階層のメニューが、滑らかな動きで表示されるので気に入っています(笑)

●デモ
https://webthemez.com/demo/ace-responsive-menu/index.html

数年前は、Flashを使ったリッチコンテンツをよく目にしましたが、iphoneなどでFlashPlayerが標準で付いていなかったためか、新しいサイトではあまり見かけなくなりました。後付けでわざわざインストールするのは面倒ですよね。きっと、そのようなことから、徐々に使われなくなったのだと思います。

iPhoneでFlashと同等の動きを出すこともできますが(そういったコンテンツを作るアプリもありますが)、ここ数年は、動きが派手なコンテンツより、JavaScriptを使った、シンプルで、さりげないけれどよく見ると動きがあるコンテンツが主流になりつつあるように感じています。

例えば上記のようなメニューバーの動きや、よく見かけるスライドショー、ページを移行したときにフンワリと表示するもの、マウスオーバーしたときに動きが出るようにアニメーションが施されているもの、スクロールする動きが滑らかなボタンetc.

とりたてて派手ではないけれど、さりげない動きが施されていると、WEBサイト全体の質がグッと高まります。直接、アクセス数などの反応に関わる部分ではありませんが、細部までこだわって、クオリティの高いWEBサイトを持ちたいという方は、意識されると良いのではないでしょうか。
「WEBサイトのクオリティを高めるには」に掲載している画像

夢彩図のご案内

夢彩図では、独自性や創造性を大切にしています。AIをはじめ、さまざまな技術が身近になる時代だからこそ、その人、その事業ならではの“らしさ”が、これまで以上に大切になると考えているからです。

そのような考えのもと、季節や色を通じて感性をひらく「季節のひと色」と、WEB・AI・デザインなどの話題を取り上げる「WEBトピックス」を随時配信しています。知性と感性、その両方を大切にしながら、夢彩図ならではのWEBのあり方を形にしています。

また、WEBサイト制作カスタム機能制作WEB編集室などを通じて、それぞれの事業が持つ価値や個性を、WEB上で伝わるかたちに整えるお手伝いもしています。

あなた自身、あるいは、あなたの事業の“らしさ”とは何でしょうか。

このようなコンテンツが、日々の情報収集や感性をひらくきっかけとして、また、ご自身や事業の“らしさ”について考えるきっかけのひとつになりましたら嬉しく思います。

小野貴子

この記事について

夢彩図 小野貴子です。

ホームページ制作のことや、日々の制作の中で感じたことをブログ形式で綴っています。

記事一覧へ戻る