*n.on.log

The serene rainbow spans after heavy weather.

WordPress 新テーマ作成、HTML5 & CSS3 に移行

久しぶりの更新になっちゃいました。
このブログ、WordPress で作ってるんですが、それのテーマ(cf. Wikipedia)を作ってました。作ってるあいだはなかなか記事を書く気になれず><。
ぼちぼち再開しますー。

さて大事なお知らせから。
今回から、サポートブラウザから Internet Explorer 6 と 7 を外しました。やはり今でもそれらを使っておられる方は、敢えてそうしているのではなく知らないからだと思うんですね。そもそも「ぶらうざ? それってなぁに?」というような。別にそれは悪いことでも恥ずべきことでもないのでいいんです。問題は、知らずに古いブラウザを使っていることにより、様々なリスクに晒されているということです。
例えば現地の状況に無知な旅行者が、現地住民でも普段行かないような危ないところに行こうとしていたら、教えてあげますよね? そこは危ないです、行かない方がいいですよと。もしジャーナリストのようなプロであれば「気をつけてくださいね」と言うでしょう。
それはやはり知っている人が教えてあげるべき事だと思うんです。
そういう目的もあり、敢えてここで Internet Explorer 6 と 7 をサポートせず、注意喚起のメッセージを表示させることにより、一ブログとして「更新した方がいいですよ」と言うことにしました。べ、別にめんどくさくなったわけじゃないんだからねッ!!

あと今のところ Internet Explorer 8 でもちょっと表示が不安定です。ずれたりすることがあります。原因がいまいち分からず、分かれば対応したいですが、少しずれるだけでクリティカルな問題ではないのでそのままにするかもしれません。次期 IE の 9 ではほとんど OK です。
その他、Firefox や WebKit 系(Google Chrome、Safari)、Opera では問題ないです。
少し修正するところがあるので、折を見て修正していきます。もしお気づきの点があれば教えてください。

Read the rest of this entry »

HTML5 でサイトりにゅ~ある!

HTML5 で書いてみたよ!
XHTML やめて HTML5 で書いてみたよ!(画像をクリックで原寸表示)
サイトの内容も足したり引いたりしてますので、よろしければご覧になってみてください。まともに更新したの2年ぶり;

http://site-ichijo.net

今回から Internet Explorer 7 以下のブラウザをご利用になっている方にはモダンブラウザにしてみない? なお誘いを表示させています。
IE7 以下をお使いの方へのお知らせ
IE7 以下をお使いの方へのお知らせ。(画像をクリックで原寸表示)

HTML5 と関係ないところでは、上記スクリーンショットを見比べていただくと分かるかと思いますが、罫線が本来は綺麗な画像なんですけれども、IE6 & 7 ではただの灰色の線になっています。IE8 は OK です。

HTML5 に対応していない Internet Explorer 8 以下への対応に関しては後述しますが、フォローしていますので表示崩れなどはないはずです。

Read the rest of this entry »

ブログ変更点まとめ

ブログ周りを色々変更
ずいぶん時間が経っていますが、いくつかブログ周りに手を加えました。

◆やっと命名。
HTML日記からウェブログシステムに移行して何年? って感じですが、やっと名前が決まりました。(今までの「site-ichijo.net * blog」はその通り暫定のもの)
で、決めたのが「*n.on.log(のんろぐ)」。
一応込めた意味は、
・non log - のんのログ。「のん」は子供の頃よりの愛称。
・nonlog - ただのログ(記録)にあらず。
・n on log - n(ori) on log. のりがここにいるよ、みたいな感じ。

◆favicon、iPhone/iPod touch向けアイコンを設定。
ブラウザでサイトを見ていると、URLバーの左側に小さいアイコンが表示されることがあります。これはfavicon(favorite icon)というもので、サイト作成者は自由に設定することが出来ます。
私は今までなんとなく押しつけがましい気がしてfaviconは好きではなかったのですが、iPhoneでホームにブックマークすると、(faviconとは別の、iPhone/iPod touch向けの)アイコンを設定していないとただのスクリーンショットになってしまうので、これを機にfaviconと併せて設定しました。

iPhone/iPod touch向けのアイコンはこういう感じです。
iPhone向けアイコン

faviconのほうはグレーにしました。(表示面積が小さいので色数は少ない方が分かりやすい。)

このアイコンですが、トレードマークみたいなもの? (聞いてどうする。)
花が好きっていうのもありますが、この7という枚数には意味があります。正7角形というのは、実際に描いてみると正確には描ききることが出来ません。そういう意味で「掴みきれないもの」みたいな感じの印象があります。虹のような光もそう。捉えどころのなさというのは憧れます。「蓴菜な人」になりたい。(蓴菜[じゅんさい]はお店のお澄ましなどに入っているぬめりのある芽。掴みにくいことから「蓴菜な人」とは「捉えどころのない人」などの意味。関西の方で遣う言葉だそうです。神戸在住の伯母に教えてもらいました。)

◆WordPress新テーマ作成。
久しぶりに模様替えしました。NHKの「クローズアップ現代」の新しいスタジオデザインが好きなので、その配色(淡いコーラルピンクと白)を使いました。
加えて、ブログっぽくなくしたいという思いが以前よりずっとあって、利便性を損なわずにブログらしからぬレイアウトを模索。なかなか難しいですね。

TwitterのウィジェットをFlash版からJavaScript版にしました。その結果、InternetExplorer環境では多少不安定さが出ています。どうにもしようのないIE6向けにはFlash版を読み込ませるようにしていますが、「操作は中断されました」などのエラーが出る場合、ご連絡ください。(ブラウザの種類とヴァージョンをお教えください。)
それにしても今回ばかりはIE6をサポートブラウザから外そうかと本気で思いました(笑)。うちのサイトはFirefox比率が高いのですが(IEが45%、Firefoxが30%くらい)、IEのヴァージョンで見ると6,7,8がそれぞれ32~33%と三つ巴になっています。全体の15%くらいがIE6ユーザということになります。これが5%を切ったら実際にサポート外そうかと思っていますが、あと2年くらいは難しいかもしれないですね。5%じゃ厳しいかなあ、3%切ったら、でしょうか。

WordPress新テーマ作成

昨年の12月から本ブログで使っているブログツール・「WordPress」ですが、それを一から勉強し直してました。こんなに真剣に勉強したのって何年ぶりだろうっていうくらいマジで(笑)。
とりあえず基本はなんとなくつかめた気が。なるほどねー。

最初と言うことでテーマ(WordPressにおけるブログスキンのことです)はシンプルなのを作ってみました。
最近半透明が気に入ってるので全面的に採用。ティップスはまた別記事で。

表示崩れ、文字化け、使い心地悪い、見にくい等ありましたらご連絡ください!

画面解像度・横1000px以下の訪問者がついに全体の1%を切りましたので、今回のテーマでは横幅を900pxとさせていただきました。(今までは800pxのユーザをフォローするため、780pxに抑えていました)
横スクロールはめんどくさいんじゃゴルァ! な方もご遠慮なくどうぞ!
今モニタ安くなってますよ、とか言わないから。泣きながら780pxに戻すから。

サイト更新

site-ichijo.net更新しました。
去年の11月からちまちまと作業していたのがやっと陽の目を見ました。
コンテンツも書き加えたりしています。久しく模様替えだけだったのでお時間のあるときにどうぞ。

色を変えられるようにしたのは初めてですが、最低限のアクセシビリティは確保するように気をつけました。
他にもコーヒー(not Espresso!)、ミルクティー、紅茶なども考えたのですが、そんなに茶系を充実させてもしょうがないだろうと。(笑)
でもやはり色をいじるのは楽しくていつまでもできちゃいますね。煎茶、番茶、抹茶とそろえるのもおもしろい。(喫茶店のサイト作成の仕事きたらやろうかしら)

Windows XP Firefox2.0、InternetExplorer6&7、Safari3
Mac OSX Safari2.0、Firefox2.0
で一応確認しました。細かいところの調整はまた時間のあるときにやっておきます。

fotologueは更新停止中です。せっかくなのでWordPressでフォトログを構築しようかな、などと考えています。