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 »

  • Posted at 13:25 on Jan 21, 2011
  • | (Closed)

Picasa を使わずに Google に背景を設定する

今年の夏の始めに Google のトップページの背景をユーザが自由に変えられるようになりました。
なにかと話題になったので使っているかはともかく覚えておられる方も多いのでは。

Googleホームページ、写真を使ったパーソナライズが可能に – マイコミジャーナル
日本語版Googleでもトップページ背景を変更可能に – マイコミジャーナル
「Googleの背景がどんどん変わる」企画、ユーザーからの苦情で早期終了 – ITmedia
Googleのトップページ背景にユーザー混乱 – 1日限定の機能PR中断 – マイコミジャーナル
Google 背景 改悪 – 【2ch】ニュー速VIPブログ(`・ω・´)

おもしろそう! とは思っても、実は用意されている画像ではなくユーザが任意の画像を設定するには、Google のウェブアルバム、Picasa に画像をアップロードする必要がありました。
私はなんとなく Picasa に(というよりもなんでもかんでも Google を使うことに)抵抗があるため使っていませんし、このために使う気にもなれませんでした。また、いわゆるネットで拾った画像を再度アップロードするのにも抵抗があるので、結局この背景画像変更機能は使わずじまい。

そんな中先日ふと、「気分転換に変えたいな、Picasa 使わずになんとか出来ないかな」と考えたところ、例のFirefox 神アドオン・Stylish で出来るんじゃない? と思い立ち挑戦。

Picasa を使わずに Google トップページに背景を設定
Picasa を使わずに Google トップページに背景を設定しています。また、標準では絵に重なってしまうため各コンテンツの表示位置も変えています。

Read the rest of this entry »

  • Posted at 23:59 on Oct 25, 2010
  • | 1 Comment

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 »

  • Posted at 03:42 on Apr 19, 2010
  • | (Closed)

Windows 7 tips: XP Modeを使ってIE6&7を共存させる

IE6,7&8 working on Windows 7
原寸大[1920×1200] ※以下、「原寸大」はサイズの大きいものがあるので注意。

ウェブサイトを作ってる身としては、なんだかんだ言ったところでやはりInternet Explorer 6&7を無視するわけにはいきません。よって手っ取り早く検証作業を行うために、Internet Explorer 6~8の各ヴァージョンをインストールしておきたいわけですが、これをやるには一手間が必要です。ちょっと今更感もありますが、ここで備忘録的にも手順を残しておきたいと思います。

Read the rest of this entry »

Googleの「急上昇ワード」を非表示にする

Googleのトップページが2月5日付でリニューアルしました。実際の適用はユーザごとに異なるようです。私の場合、今日の午前には変わっていました。
公式ブログの記事はこちら。
Google Japan の新しいホームページ Version 2 – Google Japan Blog

どのような表示かというと。(以下、画像はクリックで拡大)
Googleの「急上昇ワード」機能
「急上昇ワード」というのが新しい機能です。(「検索ボタン」も今までのように下にあった方が私は良かったです。「I’m Feeling Lucky」も企業サイトなどを見る時は便利だったのでなくなったのはさみしい。)
正直なところ、私はこういうのが(見たくもないものが不意に目に入ることが)苦手なのでそのままメール送りました。

件名: 「急上昇ワード」について

コメント: 前略、

お願いですから、「急上昇ワード」を非表示にできるようにしてください。
望まないキーワードを見たくないというユーザがいること、
余計なものが表示されないことからGoogleを愛用しているユーザがいることを忘れないでください。

「思いもよらぬ情報と」出会うのも、それを断るのも
どちらもユーザの自由であり、守られるべき権利です。
どうかよろしくお願いします。

草々

この気持ち、>>Googleさんに届け!(AA略
とりあえずこういうときは例のStylishで対応。(←mixi向けのCSSを修正しておきました。)
条件などは同じですので、Stylishを利用されていない方は上記リンク先の記事をご覧ください。
「急上昇ワード」のところを消す(displayプロパティで対象div要素を非表示にする)CSS設定です。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.google.co.jp/") {
div#rtt {
	display: none !important;
	}
}

http://www.google.co.jp/用に書いて、保存。
このようになります。
Stylishで非表示に。
これ、仮に非表示できるようにしてくれても気づかない可能性大、なんですけどね。(笑)

でも各種メニューは今回のリニューアルで使いやすくなりましたね。乗換案内など、ワンクリックでいけるようになりました。

関連記事:
Google、元のデザインに戻る Mar. 27, 2009
どのサイトも自分仕様にカスタマイズする方法 Oct. 16, 2008