ホームページ制作まん

小技: 2009年5月アーカイブ

ブラウザ　～IEな理由～

user-pic
(2009年5月12日 12:56)

現場から

web制作で必ず外せないのがIE（Internet Explorer）。

いまの主流はIE7ですが、最近はIE8もリリースされ、今後IE6のシェアがどうなるのか気になるところ。

クライアント様は100％といっていいほどIEをご使用中です。

シェアにおいては相変わらずIEがダントツですね。

なぜここまでIEが普及しているのか？

・OSに標準装備されているから使っている
・「特に不便を感じない」
・「他のブラウザという選択肢の存在を知らない」

といった理由が大多数ではないでしょうか。


しかし巷ではIEの機能性についてはあまり良い話は聞かないのがほとんどですが、

逆にIEの良いところは何なのか？と考えてみると、

やはりWindowsと共にウェブブラウジングを一般家庭にまで親しみやすくした点...

ではないかと。機能性についてはもはや語るまでもなく...。

そんなIEですが、最近こんなツールを発見。

IE Developer Toolbar（MS公式）

WS000103.jpg

Web ページの CSS、HTML、JavaScript 等を編集、モニタしたりすることができるプラグインです。

下部にページの要素が表示され、編集などができます。

FireFoxのアドオン「Firebug」のような感じですね。

興味のある方は一度ご使用してみては。


dreamweaver,crash!

user-pic
(2009年5月 5日 23:43)

現場から

先日、仕事上最重要のDreamweaverに不具合発生。

ローカルのindex.htmlをDR上でマウスを乗せた途端にアプリ強制終了。

以前から調子も悪く、この際リカバリーとなった。

しかし、リカバリー直後のDW、またしても強制終了。

原因を探るため、STEを共有し、各自のローカルに落とした途端、そのマシンも死亡。

replacement_dreamweaver.png

しまいには、ソース全コピペでの新規ページ制作でも症状変わらず。

テストアップのページをソース表示し、結局原因はCSS。

でも原因のCSSはずっとつかってたし、いまだにindex以外には表記してて、
divのIDが原因だったんだけどけっして、グローバルな名前は付けてないし・・・

未だに真の原因は謎。

リンクの点線

user-pic
(2009年5月 3日 14:17)

現場から

最近制作しているサイトの中で、「リンクをクリックしたときの点線」、アウトラインをどうしても出したくないものがありまして、少し調べてみました。

少し前はCSSで a { outline: none; } と、これだけで済んだらしいのですが、現在主流のブラウザでは非対応らしく効果なし。

400.jpg

そこで見つけたのが、Javascriptを使ってアウトラインを消す小技です。

やり方は簡単。

・</head>タグの直前に以下のスクリプトを挿入。

<SCRIPT type="text/javascript">
<!--
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//-->
</SCRIPT>


・<body>タグに以下を記述。

<body onLoad="disable_links_outline()">


この２つの操作で見事点線は出なくなりました。

JavascriptをCSSのように使ってしまった小技ですが、興味のあるかたはぜひお試しください。
ブログのホームページ | ホームページ制作まんアーカイブ | 小技: 2009年6月 »
* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 栃木
　

ホームページ制作LINK2

このアーカイブについて

このページには、2009年5月以降に書かれたブログ記事のうち小技カテゴリに属しているものが含まれています。

次のアーカイブは小技: 2009年6月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。