地図のような大きい画像を指定サイズにクリップし、クリックやドラッグ操作でスムーズにスクロールさせるjQueryのプラグインを紹介します。 CraftMap [ad#ad-2] CraftMapのデモ CraftMapの実装 CraftMapのデモ デモは二つあり、ページ内の一部に配置したものとウインドウいっぱいに配置したものがあります。 地図のスクロール方法は3種類の操作が可能です。 ナビゲーション(左のパネル)の各ラベルをクリック 地図上のマーカーをクリック 地図をドラッグ 各ラベル・マーカーをクリックすると、それに対応した付加情報をパネルで表示します。 Demo 2: ウインドウいっぱいに配置 [ad#ad-2] CraftMapの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.js" type="
Googleマップは無料で利用でき、組み込みも簡単なため、会社への案内地図として利用しているサイトも多いのではないでしょうか。ただし、条件によっては、Googleマップだけでは不十分なケースがあります。 1)全てのユーザがGoogleマップを使いこなせるわけではない 来訪するユーザは必ずしもGoogleマップの操作に習熟しているわけではありません。Googleマップはユーザが地図の表示範囲を移動したり、縮尺を変更できる点が魅力ですが、縮尺変更の操作はインターネットリテラシーの低いユーザにとっては難易度が高いため、ユーザに操作させることを前提とすることは避けるべきです。 来社するユーザの特性(周辺の地理に明るい地元の人/地理に疎い遠方の人など)や利用する交通手段(電車、徒歩、自家用車、バスなど)によっては異なる縮尺の地図を提示する必要がありますが、その場合は広域地図と周辺地図を分けて提示する
各種地図サイトにみる「印刷するときにちょっと便利な機能」 May 8, 2007 8:08 AM written by 8maki Googleマップでは地図の印刷用ページに小粋な工夫がなされています。 地図の上にちょっとしたメモ欄を置いてくれているのです。印刷して配るときなど、ここに待ち合わせ時間や金額といったメモを書いておけば皆で共有できて便利ですよね。 これはこれで便利ですが、さらに圧巻なのはMapFan Webの印刷用ページ。 ↑なんとメモに加えて、広域地図と詳細地図の2つを1ページに印刷できるデュアルマップ機能や、印刷時にタテとヨコを変更できたりとなかなか凝ってます。 飲み会シーズンになると多くの人がグルメ情報サイトでお店を調べますよね。そのときクーポン券や地図を印刷して持って行かれる人とも多いはず。 グルメ情報サイトの印刷用ページはクーポンや地図が1ページに印刷できて、うまいレ
なかのひと運営委員会が開発した無料アクセス解析サービス「なかのひと」は、2013年にサービス終了しました。 User Local,Inc.
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の七 SEO、SEM、その次のチェックポイント商売用ホームページの相談を受けると、いまでもフレーム構造で作られていたり最低限のSEOが施されていないことが少なくありません。また、「これぐらいわかるだろう」という思いこみや手抜きにより説明不足となっているサイトも多く、相談を持ち込むわけですから、問題山積で当然なのですが、正直スタートライン以前というホームページも多いのです。 技術面からのSEOや、営業戦略も
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く