同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。
それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。
自分なりに注釈付けてますけど、間違いがあるかもしれないんで、(特に商用)利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。
2012/02/18 追記: 書いてから随分経っていますので、ライセンス等の変更があったり、文字種や収録漢字が増えていたり、逆に配布停止なったフォントやデッドリンクになっている配布元があるかもしれませんので、あわせて注意して下さい。
サンプルは、大きいほうが16pt、小さいほうが10pt、字間は若干調節してあります。アンチエイリアスが掛かっていないのは、有効にしたらうまく表示できなかったものかビットマップフォントです。あと、使えない漢字の部分を平仮名にしているのもあります。
分かりにくいところ以外は、素材サイトとかもあるので、トップページにしかリンクしていません。では、続きからどうぞ。
続きを読む ]]>Chrome 7.0.517.44, Safari 5.0.2, Firefox 3.6.12, Opera 10.63 で確認。 Firefox と Opera でうまく表示されないのがあります。
図形では1つ(立体は3つ)まで、アイコンでは4つまでの要素で描いてます。要素数の縛りがなければいくらでもいけそう。
<span class="squ"></span>
<div class="apple"><span></span></div>
デモでは無駄に擬似要素の ::before ::after を使ってるけど、下みたいに書いたほうがいいかも。ただ、要素の初期位置と順番が変わるので注意。というか順番とか全く意識しないで書いてた……
<div class="squ">
<span class="el1"></span>
<span class="el2"></span>
<span class="el3"></span>
</div>
<div class="apple">
<span class="el1"></span>
<span class="el2"></span>
<span class="el3"></span>
<span class="el4"></span>
</div>
Mayer's CSS Reset でリセットしてます。
一つ一つ説明入れるの大変なので全部一度に貼っていきます。
図形はきれいに並んでいるように見せるためにマージンとかで微調整してるのがあるので、修正が必要かと。
続きを読む ]]>前回、 iPhone Buttons を再現した際に使った方法でグラデーションかけられそうなので試してみた。
オリジナルの詳しい解説は既にコリスさんにありますので割愛。
大分書き進めた後に気づいたけど、コメントにあった span を使う方法のがパッと見簡単やないかな……こっち使うほうがいいかもしれんね……
Chrome(7.0.517.41) で確認。もしかすると、ウィンドウ幅が小さいと崩れるかも。横幅 1024px で最大化して確認してます。
同じ webkit の Safari でも表示されますが、微妙に動作が違います。他のブラウザ用のプロパティは機会があれば。も追加してみた。こっちに貼ると長すぎて拒否されるので、デモのスタイルシート見てください。クロスブラウザ難しいなこりゃ……
<h2>custom</h2>
<div id="custom">
<ol class="custom">
<li><a href="#">Home</a></li>
<li><a href="#">Vehicles</a></li>
<li><a href="#">Vans</a></li>
<li><a href="#">Camper Vans</a></li>
<li>1989 VW Westfalia Vanagon</li>
</ol>
</div>
Mayer's CSS Reset でリセットしてます。
グラデーションかかってないように見えるけど、かかってます。 hsl だと同系色の色指定楽だね。でも要領がわからない。
/* custom
----------------------------------*/
.custom {
list-style: none;
overflow: hidden;
font: 18px Helvetica, Arial, Sans-Serif;
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,95%,1)),
color-stop(0.49,hsla(34,85%,90%,1)),
color-stop(0.5,hsla(34,85%,80%,1)),
to(hsla(34,85%,85%,1)));
-webkit-border-radius: 5px;
}
.custom li {
float: left;
line-height: 50px;
}
.custom li a {
color: white;
text-decoration: none;
padding: 0 15px 0 35px;
background: brown;
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,50%,1)),
color-stop(0.49,hsla(34,85%,45%,1)),
color-stop(0.5,hsla(34,85%,35%,1)),
to(hsla(34,85%,40%,1)));
display: block;
float: left;
}
.custom li a::after {
position: relative;
display: block;
margin-top: -25px;
margin-left: auto;
margin-right: -25px;
height: 25px;
width: 20px;
content: " ";
-webkit-transform: skew(-30deg);
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,35%,1)),
to(hsla(34,85%,40%,1)));
border-right: 1px solid white;
}
.custom li a::before {
float: right;
display: block;
margin-bottom: -25px;
margin-left: auto;
margin-right: -25px;
height: 25px;
width: 20px;
content: " ";
-webkit-transform: skew(30deg);
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,50%,1)),
to(hsla(34,85%,45%,1)));
border-right: 1px solid white;
}
.custom li:first-child a {padding-left: 20px;}
.custom li:nth-child(2) a {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,60%,1)),
color-stop(0.49,hsla(34,85%,55%,1)),
color-stop(0.5,hsla(34,85%,45%,1)),
to(hsla(34,85%,50%,1)));
}
.custom li:nth-child(2) a::before {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,60%,1)),
to(hsla(34,85%,55%,1)));
}
.custom li:nth-child(2) a::after {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,45%,1)),
to(hsla(34,85%,50%,1)));
}
.custom li:nth-child(3) a {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,70%,1)),
color-stop(0.49,hsla(34,85%,65%,1)),
color-stop(0.5,hsla(34,85%,55%,1)),
to(hsla(34,85%,60%,1)));
}
.custom li:nth-child(3) a::before {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,70%,1)),
to(hsla(34,85%,65%,1)));
}
.custom li:nth-child(3) a::after {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,55%,1)),
to(hsla(34,85%,60%,1)));
}
.custom li:nth-child(4) a {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,80%,1)),
color-stop(0.49,hsla(34,85%,75%,1)),
color-stop(0.5,hsla(34,85%,65%,1)),
to(hsla(34,85%,70%,1)));
}
.custom li:nth-child(4) a::before {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,80%,1)),
to(hsla(34,85%,75%,1)));
}
.custom li:nth-child(4) a::after {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,65%,1)),
to(hsla(34,85%,70%,1)));
}
.custom li:nth-child(5) a {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,90%,1)),
color-stop(0.49,hsla(34,85%,85%,1)),
color-stop(0.5,hsla(34,85%,75%,1)),
to(hsla(34,85%,80%,1)));
}
.custom li:nth-child(5) a::before {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,90%,1)),
to(hsla(34,85%,85%,1)));
}
.custom li:nth-child(5) a::after {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,75%,1)),
to(hsla(34,85%,80%,1)));
}
.custom li:last-child {padding-left: 35px;}
.custom li:last-child a {
background: transparent !important;
color: black;
pointer-events: none;
cursor: default;
}
.custom li:last-child a::before {border: 0;background: transparent !important;}
.custom li:last-child a::after {border: 0;background: transparent !important;}
.custom li a:hover {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,40%,1)),
color-stop(0.49,hsla(34,85%,35%,1)),
color-stop(0.5,hsla(34,85%,25%,1)),
to(hsla(34,85%,30%,1)));
}
.custom li a:hover::before {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,40%,1)),
to(hsla(34,85%,35%,1)));
}
.custom li a:hover::after {
background: -webkit-gradient(linear, left top, left bottom,
from(hsla(34,85%,25%,1)),
to(hsla(34,85%,30%,1)));
}
続いて以前あちこちで取り上げられてた、パンくずリストをいくつか再現してみる。
※あくまでそれっぽくしただけです。
Chrome(7.0.517.41) で確認。
同じ webkit の Safari でも表示されますが、微妙な動作の違いでボタンの上にボーターを 1px 入れないと光沢感が足りない。 -webkit-gradient の調整とか -webkit-box-shadow + inset でうまくいくかもしれない。 iPhone 向けに使うボタンのはずなのに Safari では調整しないと使えないとかあれです。
左側が -webkit-border-image 有り、右側が無しになってます。
比較画像を追加してみた。 (20:27)
予選リーグの予定時間はすべて120分間になっていますが、実際は110分間の放送時間になると思います。また、決勝トーナメント以降は、余裕を見て180分間にしてますが、延長やPKにまで行かなければ、それより短かくなると思います。
三位決定戦無いし……予選リーグ第三戦の放送なさすぎ……
NHK はともかく、民放は実況解説があれだし、やっぱりスカパーで見て録りたい……
Chrome Stylist は Google Chrome 用の拡張機能で、条件にマッチしたサイトに、任意のユーザースタイルシートを適用させ管理するもので、 Firefox で同じようなアドオンだと Stylish が有名な感じの奴です。開発者は Chrome Gestures なども開発されてる os0x 氏で、 userstyles.org 対応のようなので、様々なスタイルを検索して引っ張ってくることも可能なようです。
―― 結果、ページが読み込むより前にスタイルが適用されるので、クリックミスったりイライラすることも減って、とても快適です。よく行くサイトは AdBlock を無効にして、これで見やすくしてる方が軽くていいです。初期設定だけは面倒ですけども。
一応 Chrome にも Stylish はあるんですけど、個人的にはコッチのほうが全然使い易いですね。
他に解説されてる方がいるかも知れませんが、簡単に使い方の紹介もしてみます。
まずはインストールしないことには使えませんので、こちらにアクセスしてインストールします。
Chrome Stylist - Google Chrome 拡張機能ギャラリー
インストールすれば、 Chrome の拡張機能のタブを開いて、 Chrome Stylist の項目のオプションを開くと3つの設定タブが出ますので、それぞれ設定していきます。
always にチェックしてあった方が、いちいち拡張機能のオプションタブを開かなくて済みますし、アイコンを左クリックすれば、一時的に適用させるスタイルを書けたり出来るので、個人的にはオススメです。
自分では滅多に編集しないし気にしない人は none もしくは matched にするといいかなと。
はじめに、左下にある
次に Style Name を決めます。2バイト文字の漢字やひらがなでも大丈夫なようです。
disable で無効化。 enable で有効化です。 delete ALL を押せば全て削除されます。
style set は左が検索方法で、右が URL の条件です。上の All Site にチェックを入れれば条件関係なく、何時でも設定したそのスタイルが適用されることになります。
prefix が前方一致。 domain が完全一致。 regexp が正規表現になります。 prefix でもいいですけど、 domain のほうが使うことが多いかも。
add Rule ボタンを押せば、好きに URL 条件を増やしていけます。最後に Save ボタンを押せば保存出来ます。リアルタイムで適用されるわけではないので、保存した後はページをリロードするなりして確認して下さい。
del ボタンを押せば消去。ここでの削除は確認画面が出ないので注意して下さい。一番下の new style set ボタンを押せば、同じ Style Name の中に複数の条件やスタイル等を追加していくことが出来ます。
あとはどんどん条件を追加して行って使う感じです。 Chrome が対応してるぶん(バージョンにも因るかも)には CSS3 も余裕で使えます。
続きを読む ]]>基本的に MooTools 用のコードに変換しただけで、参考記事からまんまパクってます。タダ乗りですいません。元のコードも短いし、 MooTools を少し理解して使ってる人なら誰でもできそう。
今回は Core ライブラリだけでいけるんで Google Ajax Libraries API を使ってもおk。バージョンは1.2.2と1.2.1でいけました。さらに容量を減らしたい場合は、 Core Builder で以下をチェックしてダウンロード。
あ、上記のデモでは無駄に Fx.Tween も使ってます。
続きを読む ]]>仕様を余り把握してないんでよくわかりませんが、 API に実行回数制限があるらしく、短い期間に何度も実行してると、そのうち表示されなくなります。時間が経てばまた使えます。
Core ライブラリの読み込みは Google Ajax Libraries API を使う手も。
続きを読む ]]>とりあえず変更点やメモなど書き出してみました。
横幅が 960px 固定な点やリンクの色など基本的には以前のものと同じになっています。トップページ下にあるナビゲーションもそのままつけたままです。また、一番上の livedoor Blog のヘッダは、表示義務があるのできちんと表示させました。今まですいません。
リニューアルにあわせて、さらにシンプルなものに変更しました。今回も @icon変換 というフリーソフトを使いました。
ずっと2カラムデザインで通してきましたが、読みやすくするため、文字を大きくし、1カラムデザインに変更しました。ただ、個別記事のページだけ、右サイドにポストデータを載せています。今までサイドバーに表示していた、テンプレート等へのリンクは、記事表示部分より下にまとめて移動させてます。
続きを読む ]]>やはりずいぶん変わっているようで覚えるのが大変そうだ……
とりあえず色々参考にして、ここのトップページを HTML5 化してみた。本文の中身は殆ど変わってませんし、リンクとかはそのままなので注意。
IE6 だと若干崩れてますが、一応 Validator 通しても問題無いようにしてみました。
今回は livedoor クリップ のクリップコメントをブログに設置する事についてちょろっと書いてみます。
えらい前のことなのでかなり今更ですが。
livedoor クリップ - ブログに「クリップコメント」を設置する方法
こちらの解説のとおり、個別記事の広告下あたりに設置してみました。
# 設置は簡単なのに、コメントついた記事なんぞ殆ど無いので探すほうが大変だった件。
ただ解説のとおりにすると、 URL#comment みたいなところに行くと、記事に付いてるはずのクリップコメントが表示されなかったりします。
コメント表示用のライブラリの中身のぞいてみるとページの URL を指定してやると良いみたいで、ライブドアブログなら、独自タグをこんな風に使うと問題なく動きます。
new ClipComments({
url : "<$ArticlePermalink$>",
type : "simple"
}).load();
# ライブラリの131行目と165行目に記述ミスを発見。 height でないといけないところが heigth になってます。動作に問題ありませんが、念の為。
# 修正されました。
そのままでも良いんですが、ちょっとだけ機能追加したものを作ってみました。カスタム版限定で
こんなことができます。
new ClipComments({
url : "<$ArticlePermalink$>",
type : "custom",
size : "small", //指定しない場合はsmall(16x16)。他はnormal(60x60)とlarge(160x160)
max : "15" //指定しない場合は10(仕様上最大20件まで)
}).load();
追記:2009.04.09
中の人修正おつでした。反応早い。この記事に記述ミスがあって人の事いえなかった。はずかしい。
あと、改行もきちんと出来た。↓のは対応してないけど。
追記:2009.04.12
やばい。エスケープするの忘れてた……
ついでにこんなのも作ってみた。
livedoor クリップのコメントを表示してみる
久しぶりに触ったので、色々忘れまくりで大変だった……
こちらを参考に、文章中の1.5を2.0に、2.0を3.0におきかえて行いました。
旧バージョンの Firefox を同時起動させたい場合は
ここを参考にしてみてください。
これでうまく新しい環境になったので、ここから、旧プロファイル環境に近づけるために作業していきます。
まず、ブックマークを旧環境から新プロファイルへインポートします。
次にアドオンですが、公式でアドオン検索するとキーワードは合っているのに引っかからなかったりするので、Google 使ったほうがアドオンの個別のページに辿り着けるんでいいかも。
Tab Mix Plus は 開発バージョンがここにありました。
うちで試しに作った Safari View for Windows も問題なくインストールできて動いてます。
今まで使っていた、All-in-One Gestures と Copy URL+ のかわりにそれぞれ、 FireGestures と Make Link を導入しています。
FireGestures は動作が軽いですし、 Make Link はより使いやすい感じですね。
3.0に対応していないけど、導入したいアドオンは以下。
続いて、設定などもまっさらの状態ですので、さらに少しでも前の環境に近づけるために……
まず保存してあるパスワードを移行させます。
こちらのアドオンを使って、旧プロファイルからパスワードを書き出して、新プロファイルへ読み込ませます。
新旧両方のプロファイルにアドオンをインストールしないと出来ません。また、パスワードの書き出しは CSV 形式で書き出してください。 XML 形式だと読み込めませんでした。
それでもいくつか読み込めないパスワードがあったので注意。(文字コードの所為かも?)
それから、旧プロファイルフォルダからクッキー用の cookies.txt と Stylish 用に stylish.rdf も、新プロファイルフォルダにコピーしておきました。
他にもアドオンの設定などで引き継ぎたいものがあれば、旧プロファイルフォルダからコピーしておいたほうがいいかも。
後は検索バーに検索エンジン追加するだけです。
ここから好きな物を選んで追加していきます。旧プロファイルの searchplugins フォルダをコピーでも可。
テーマはとりあえずデフォルトのままで使っていますが、これでかなり前の環境に近い環境でブラウジングできるようになりました。
最後に使用感ですが、2.0と比べると特に javascript を多く使っているところが速く感じられる気がします。よく使う Netvibes や Gmail なんかも以前よりもキビキビ動いてる感がありますし。
ただ、逆に重くなったページもあったようななかったような……
MooTools - home
なんだか前と比べてサイトの配色がえらくすっきりしてしまいましたね……こういうのも好きですけど。
通常は以前のようにコンポーネントを選択してダウンロードする方式ではなくなった(?)ようですが、選択してダウンロードも可能なようです。
MooTools - download release 1.2
MooTools - MooTools 1.2 Core Builder
これを書いている今現在はフォーラムやデモなんかもメンテ中みたいなので、今のところはドキュメントのページをじっくり参照するしかないのかな。
追記:今は Google Group とか使ってディスカッション等々しているっぽい。下に追加しといた。チートシートももう出来てるっぽい。
追記2:デモやブログも動き出してますね。
ギリギリになってしまいましたが、デザインコンテストに応募させていただきました。
どれももう3年も前に作成したデザインですので、古い感じになってしまっているかもしれませんが、新しいページナビゲーションやタグ機能などにも対応してありますので、よろしければお使いになってくださいませ。
共有デザインのスクリーンショット画像では見えませんが、コメントフォームの入力欄も大きめにしてありますし、トラックバックやコメントも見やすく交互に色を変えたり(テンプレによってはしていません)しています。 *特に rounded が良い感じ。
plain, burberry, dressy のスタイルシートに記述ミスがありました。
今のところ再アップ以外にテンプレートの修正する方法がありませんので、お手数ですがご自身での修正作業をお願いいたします。
確認をきちんとしないままアップしてしまったことをお詫びします。
まず、スタイルシートの223行目あたりにある
main img.pict {
この部分を以下のように修正してください。
.main img.pict {
あと、スタイルシートの一番下辺りにある
.left {float: left;}
.right {float: right;}
この部分を以下のように修正してください。(こちらは修正しなくてもそれほど問題ありませんが……)
.left {float: left !important;}
.right {float: right !important;}
修正箇所は以上です。
テンプレの保存に空きがないので、共有テンプレート用に新しくアカウントをとりました。
デザインの修正や更新する場合はどうすればいいんだろうか……
もしかしなくてもコンテストは当たらないけど、偽名登録でも大丈夫かなとかおもう。
うれしいといえばうれしいんですけども、非公式でテンプレ配布してた身としてはえらいこっちゃーな話ですね。
盛り上がるという点ではちょっといいお話なのかもしれませんけど。
うちもいままで配布してあるテンプレも対応して、共有化したいんですが、以前とは仕様とかが変わっててちょっとめんどくさいかも……
しかも、使ったことの無い機能とかもありますし、テンプレの管理も無料版だと1つまでしか出来ないので、すこし時間がかかりそう。
でもまあ基本の (X)HTML テンプレートさえ出来れば CSS ファイルは全部流用できるんで、なんとか今月中には完了させたいです。
#正直、いまあるうちのテンプレはもう古臭いデザインになってる感が……
とりあえずは共有化に対応できるできないにかかわらず、今のままの形の配布は続けます。
ただ、 livedoor さんからお叱りを受けた場合は対応いたしますのであしからず。
追記:連続重複投稿なんて久しぶりにやりました……ごめんなさい。
Techonrati: livedoor, blog, template, ライブドア, カスタマイズ, XHTML, CSS, テンプレート
]]>Flickr: Photos from cie.buena.suerte
アップした写真はまま見れるものなんですが、なれない所為か、没になるものも結構あります。
どうもシャッターボタンを押してから保存される時間差がよくわからずぶれたり、ピントがうまく合ってなかったりと、なかなか扱い辛いですが、面白い奴ですね。
これからもちまちまアップしていきたいと思います。
それから撮影以外のこと少し。
この VQ1005 ですが、保存された画像ファイルの日時と Exif データの撮影日時がでたらめに設定されてしまいます。
ファイル名も連番で保存されてしまいますし、でたらめなままだと管理に不便なので
こちらの3つのフリーソフトを使って、ファイル名、ファイル日時、 Exif データの撮影年と日をそれぞれ変更するようにしました。
あとは速写+省エネに改造して、ケンコーさんのおもしろレンズシリーズをいくつか購入しました。(カクヨウさんのはちょっとお高いです)
Technorati: flickr, VQ1005, photography, トイカメラ, freeware, exif, photo, photos
]]>3月18日に注文して、転送の申し込みをしたので、大体15日程度かかった計算になります。
この手のサービスははじめて利用しましたが、何のトラブルも無く無事届いて安心しました。
今回、購入代金とは別に手数料と国際送料と合わせて5000円弱かかりました。
品物によりますが、単価は日本で買うより安いので一度に複数注文すれば、諸々合わせても同等かそれ以下で購入できるので、ちょっと面倒な手続きと、こちらに届くまでの日数に目を瞑れば、なかなかいいサービスかもしれません。
あと物によっては日本に入ってくる際に関税がかかる場合もあるようですが、電化製品は大丈夫だったみたいです。
さあ、 SD カードやエネループも準備万端だし、早速撮りまくろう。
撮りました。⇒VQ1005 で撮影した写真を flickr にアップ。それと雑感。
Techonrati Tags: VistaQuest, VQ1005, Amazon, トイカメラ, アマゾン, トイデジカメ, ToyCamera, Digital Camera
]]>内部を見てるとそれほど難しそうじゃなさそうだし作っちゃえってことで、 Safari View の作者さんと同じように IE View Lite を基にやってみることにしました。
IE View Lite を使っていない人は、IE View Lite をインストールして、IE View Lite のパス設定で IE から Safari の実行ファイルまでのパスに変更すれば、なんちゃって Safari View にできるはず。
――結果、いつも使ってたプロファイルを犠牲にしたりしながら、なんとか最終的に IE View Lite とは干渉せずうまく動かせるようにすることが出来ました。
日本語化したり、無駄にアイコン使ったりしたので、時間が余計に掛かった上にパッケージのサイズが倍になったけど、満足なので気にしない。
ああ……前にもあったけども、プロファイル構築しなおすのがメンドクサイこと……新しいプロファイル作ってからやるか、バックアップとってからやればよかった……素人仕事はだめだー。
12:20 追記:いくつか注意点がありますが、とりあえずパッケージファイルも置いておきます。
現在の対応バージョンは Firefox 1.5 から 3.5.* までになっています。
ローカルファイルはうまく表示できないようです。
Firefox 2.0.0.6 でしか動作確認していません 2.0.0.6 と 3.0 と 3.5 で動作確認していますが、他のバージョンや環境によっては、もしかするとなにか不具合等が出る可能性もありますので、使用される前には、新しいプロファイルを作って一度テストするか、プロファイルをバックアップしてから使用されるほうが良いかもしれません。
内部はほぼ基アドオンと同じですから、出ないと思いたいんですけど……保証はできません。
あと、ド素人が適当にいじった事など、そのほか諸々ご理解のうえ、自己責任でご利用ください。
ファイルをダウンロードした後、拡張子を .zip から .xpi に変更して Firefox のウィンドウか、アドオン管理のウィンドウにドラッグしてインストールしてください。
規定の Safari のインストール先を C:\Program Files\Safari\Safari.exe で設定してありますが、他のドライブやフォルダにインストールされている場合は、設定から適宜変更して下さいませ。
※ RSS Reader 等からはDL出来ません。すみません。
最後に、基にしたアドオン作者の Grayson Mixon 氏とともに、参考にさせてもらった Safari View 作者の Hiroto Sakai 氏に感謝です。
なんかいつもよりアクセス上がってると思ってみたら、アスキーに取り上げられててびっくりしました。
細かいですし、すこしややこしいんですが、基にしたのは IE View ではなく、 IE View Lite です。
あと、いまさらですが、さっき検索してみたら私が作る前に英語版(ドイツ語対応)で、既に作られた方がいたようで、 mozilla の公式アドオンにも開発版としておいてありました。考えることはみんな同じですね。
Systemantics : Safari view win
Safari View Win :: Firefox Add-ons
install.rdf をいじって 3.5 に対応させてみました。数値的なバージョンアップはしましたが中身は変わってません。私の場合、一度削除してからインストールしなおしたましたが、上書きでも問題ないかもしれません。不具合などがあればコメントなどでお知らせください。あと、設定のやり直しとか更新とか面倒な方は前述した公式に有るアドオンをお使いくださいませ。
では、早速本題ですが、2月に入った頃にこっそりつけた livedoor Blog 謹製のページナビゲーションが mootools の何かと相性が悪いらしく、 IE6 からアクセスすると、チラッとは表示されるものの、読み込みが終わるあたりで「インターネットサイト http://~ を開けません。操作は中断されました。」というようなエラーが出てずっとアクセスできなくなっていたようです。
気づいたのがつい先日でしたので、丸々1ヶ月以上の間 IE6 からアクセスできなくなっておりました。大変申し訳ありませんでした。
ここ数日の間、どちらも共存できるように原因を探ってみたんですが、いまいちよくわかりません……
もうこれ以上あれこれ原因を探るよりも、自分で作ったほうが早いだろうと、一からナビゲーションを作ってみました。
現在は設置していません。
半日ほどかかりましたが、インデックス(トップページ)の記事下につけるようにしました。
とりあえず相性の問題もエラーも無くきちんと動いてくれているようです。 Firefox2.0.0.6, IE6, Opera9.23, Safari 3.1 で確認しました。
ここからダウンロードできます。
アップル - Safari - ダウンロード
すこし使ってみた感じでは動作もキビキビ速くなかなか良い印象です。
うちのサイト達も特に表示が崩れていることも無く、使っている javascript も問題なく動作しているようで安心しました。
あと個人的に感じた不足な点をいくつか。
すこし使ってみて感じたのはこれくらいでしょうか。