WEB制作会社のメモ帳in徳島(ホームページ作成Tips) tag:www.b-next.jp,2008-10-06:/note//1 2008-11-18T12:50:10Z 徳島のホームページ制作会社が更新する、ホームページ作成、運営に関するメモ帳です。 Movable Type Pro 4.21-ja サイトマップ作成サイト「XML-Sitemaps.com」 tag:www.b-next.jp,2008:/note//1.3 2008-11-18T06:37:18Z 2008-11-18T12:50:10Z サイトマップの作成サービスはいろいろありますが、私のおすすめはXML-Sitem... admin サイトマップの作成サービスはいろいろありますが、私のおすすめはXML-Sitemaps.com様のサービスです。
XMLサイトマップ形式のRORサイトマップを手軽に作成できます。
無料で500ページまでのサイトマップを自動で作成できますので、一般的なサイトであればこのサービスだけで十分だと思います。

XML-Sitemaps.com
http://www.xml-sitemaps.com/

]]> 様々なブラウザのアーカイブサイト「evolt.org - Browser Archive」 tag:www.b-next.jp,2008:/note//1.5 2008-11-13T10:20:03Z 2008-11-18T12:53:03Z ホームページ制作の必須作業の一つにブラウザチェックがあります。InternetE... admin ホームページ制作の必須作業の一つにブラウザチェックがあります。
InternetExplorerやNetscapeの最新版はもちろん、過去のバージョンに関しても可能な限り対応したいものです。
そこで、今回はIEやネスケだけに限らず、様々なブラウザーをアーカイブしているサイトを紹介します。
OperaやSafariはもちろん、見たことのないようなブラウザまで保存されてます。

evolt.org - Browser Archive
http://browsers.evolt.org/

]]> 日本一低い山「弁天山」と「弁天市」 tag:www.b-next.jp,2008:/note//1.4 2008-11-02T09:20:59Z 2008-11-02T08:38:35Z 本日、徳島県の方上町にある日本一低い山「弁天山」に登ってきました。さすが日本一低... admin 本日、徳島県の方上町にある日本一低い山「弁天山」に登ってきました。
さすが日本一低いだけあって、30秒程で頂上に到達！
お賽銭箱があったので5円入れて手をあわせてきました。

その後、ふもとで開かれている産直市「弁天市」に立ち寄り、美味しそうな野菜と果物を買って帰りました。
スーパー等で買うより断然安くて新鮮ですが、朝早く行かないとお目当てのものが売り切れていることも・・・。
毎週水、土、日曜日の朝8時からやっているそうなので、ぜひ早めに行くのをおすすめします。

日本一低い山  --弁天山 --
http://bentenyama.com/
徳島市：日本一低い山 弁天市
http://www.city.tokushima.tokushima.jp/kankou/bussan/sanchokuichi/benten.html

]]> CSSを使わないロールオーバー tag:www.b-next.jp,2008:/note//1.2 2008-10-09T06:22:09Z 2008-11-18T12:56:29Z 最近はロールオーバーをCSSでやるのが主流のようですが、個人的には以下の理由から... admin 最近はロールオーバーをCSSでやるのが主流のようですが、個人的には以下の理由からあまり好きではありません。

  1. HTMLは綺麗だがCSSが若干複雑になる
  2. テキストを見えなくしたり、マイナスインデントで画面外に飛ばすのが好みでない
  3. 環境によってはCSSで画像が切り替わる際に一瞬だけカーソルが砂時計になる(ちらつく)

1.に関しては、テキストリンクや画像のリンクであっても高さや幅が固定されている場合はそんなに複雑でもないのですが、画像の大きさが違う場合や、現在のページのみ画像を変えるといった場合にIDやclass等の指定が若干複雑になります。

2.に関してはスパム行為になるのかならないのか判断に困るところですが、閲覧者をだますのが目的ではありませんので、ペナルティにはおそらくならないと思います。
しかし、なんとなく気持ちのいいものではありませんので、私はあまり好きではありません。
CSSの記述によっては音声ブラウザで読み上げない場合もありますし。

3.に関しては完全に好みの問題なのですが、私が所有する一番古いノートパソコンではCSSが切り替わる際に一瞬砂時計が見えます。
おそらくマウスオーバーで切り替える際に画像を読みに行くのが原因だと思いますので、CSSの記述というかロールオーバーのさせ方を変えることで対処できそうなのですが、同じように切り替えの際に画像を読む動作をするJavaScriptでは砂時計は発生しません。
処理的にはJavaScriptよりCSSの方が軽そうなのですが。

以上のような理由から私はロールオーバーにはJavaScriptを利用しています。
JavaScriptを切っている方もいると思いますが、ロールオーバーが見えないぐらいならさして問題ないでしょうし、CSSだって切っている人もいればユーザースタイルシート使ってる人もいると思うので。

ただ、Dreamweaverのロールオーバーは色々な環境での再現性を考えてかソースが若干長く複雑な上に、リンク部分にJavaScriptを呼び出すタグが必要になってきますので、HTMLソースも若干複雑になります。

そこで今回はもっと手軽なJavaScriptによるロールオーバーを実現する方法を紹介します。

]]> CSS HappyLife様で配布されているsmartRollover.jsを使用すれば簡単にロールオーバーを実現できます。

使い方はサイトで詳しく解説されているので省略しますが、menu_off.gifのように_offとついたリンクの画像ファイルのパスをmenu_on.gifのように書き換えるという動作をしてくれます。
smartRollover.jsを使うとcssでロールオーバーを実現する場合のようにHTMLが綺麗になりますのでお勧めです。

なお、smartRollover.jsを基に指定したIDの範囲でロールオーバーを実現するように改造したものがLe Arche様のサイトで紹介されています。

ソースがシンプルなJSによるロールオーバー
http://css-happylife.com/log/javascript/000157.shtml
JavaScriptメモ：しんぷるロールオーバー
http://le-arche.jugem.jp/?eid=57

]]> ブログURLが変わりました tag:www.b-next.jp,2008:/note//1.1 2008-10-06T14:49:15Z 2008-10-07T17:08:12Z この度ブログデザインの変更に伴い、URLがhttp://www.b-next.j... admin この度ブログデザインの変更に伴い、URLがhttp://www.b-next.jp/note/に変更となりました。

過去のブログURLであるhttp://www.b-next.jp/blog/はコンテンツの移行が完了するまでそのまま置いておきますが、移行完了後は削除いたしますので、リンクやブックマーク等の変更をお手数ですがお願いいたします。

]]>