CSSテクニカルノート: 2010/01/01

2010/01/25

WindowsXPの自動再起動を止める方法

http://d.hatena.ne.jp/masato7/20071115

「後で」と選択しても定期的にポップアップするのが邪魔なので。

1．まず上のような窓が出てきたときに、Updateプログラムを止めるには

「後で再起動」を選ぶだけではだめで、マイコンピュータを右クリック、管理(G)から

コンピュータの管理プログラムを起動して、左側「サービスとアプリケーション」から「サービス」をクリック。右側に表示されるサービス一覧の中から「Automatic Updates」をみつけだし、右クリックして「停止」を選ぶ。これで繰り返し、うえの時限爆弾ウィルスのような窓が出てくるのをとめることができる。

その上で、恒久的に止めるには、下記が必要とのこと。

1. [コントロールパネル] の [システム] をダブルクリックして、[システムのプロパティ] ウィンドウを開きます。

2. [自動更新] タブを選択し、[更新を自動的にダウンロードするが、インストールは手動で実行する。] を選択します。

なるほど、確かにこれでポップアップしなくなった。

2010/01/05

モバイルサイトを作るときには、画像の横幅はまだ240pxで大丈夫らしい。

モバイルサイトを作ってよと言われたので。
いつもはPC用ばかり作ってるので、
得意じゃないですよと、言いつつモバイルかぁと思って、調べてみた。

最近の端末って、横幅240px超えてるものが多いけど、
画像はどこを基準に作るんだろうって気になったので。

とりあえず、softbankを除くdocomoとauのブラウザには
画像を自動的に拡大縮小する機能が備わっているみたいなので、
ロゴは240pxで問題ないとのこと。

でも、コレだと最近の携帯だと画像のクオリティが下がるので微妙だと感じるのは僕だけですかね？

長期運用前提なら、解析ツール設置して閲覧者の画面解像度のマジョリティに合わせるのがいいのかな？
モバイルサイト詳しい人にまた聞いてみよう。

IE TesterでIE8が動かない

IEでの動作確認用にIE Testerを使わせてもらっているのですが、PCを再インストール後、IE8環境で起動できないことがありました。

あれ、おかしいなと思って調べてみると、

Requirement
: Windows 7, Windows Vista or Windows XP with IE7 minimum (Windows XP/IE6 config has some problems and IE8 instance do not work under XP without IE7)

とのこと。

XP+IE6環境ではIE8のエミュレーションが出来ないんだって。
というわけで、IE7をインストール。

これで、IE8が検証できるようになりました。

2010/01/04

Google Analyticsを設置しました

Bloggerって、アクセス解析付いてないのねｗ

今までココログとか使ってたので、この手の無料サービスには付いてるものだと思っていた。

チェックしたらなかったんで、Google analyticsを設置してみました。

http://www.google.co.jp/intl/ja_ALL/analytics/

特に何も迷うことなく設置できたので、説明は割愛。

触ってる最中に気づいたけど、Bloggerは外部スタイルシートじゃなくて、header内部で読んでるんだね。
単に実装の問題なのかな？
それとも、リクエスト数が減るから実は内部の方が速いとか？？

また、機会があったら調べてみよう。

2010/01/02

Twit使わせていただきました

[Twit] TwitterのつぶやきをブログやWebページに簡単に貼付けられるガジェット
http://blog.mudaimemo.com/2009/08/twit-twitterweb.html

Twitter連携もしたいよね！ってことで、使わせていただきました。

感謝。

Feedburnerに登録してみた

しょぼいなりにも技術系と書くからには、
RSSもちょいと手を入れておかないといけないのかなと思って、Feedburnerを入れてみました。

更新をしたら自動的に、Twitterにもつぶやかれるそうで。

ただ、確認をしようと思っていたら、Twitterが落ちていた(苦笑)
ああ、USでは正月だもんな。そりゃ、無理かｗ

Safariでのバグめいた動き

http://www.ichiro.to/CSS仕様書から外れているわけではないので、極めて正しい動きなんだけど、はまって結構苦労したのでメモ。

CSSのコードに

/* CSS Document */
@charset "UTF-8";

などと記述すると、Safari環境にて最初の宣言のみ無視されて適用されません。

全てのCSSではなく、直後の宣言一つのみが適用されないのがくせ者です。

CSS仕様書によると、文字コード宣言は何よりも最初に宣言されなければならず、その前にコメントや改行を含めていかなる文字も入ってはいけないので、safari環境で崩れたところでそれはバグではないのですが、Dreamweaver8を使っていた自分としては、
無意識に一行目にCSSですよって宣言しちゃってたわけです。

CSS Validatorはもちろん通らないし、エラーを吐くのですが常日頃から表示が崩れて困ったらValidator通す癖を付けた方が良さそうです。

Webインスペクタをにらめっこするだけじゃダメだってことですね。反省。

ちなみに同様のことを書いてくださっていて大変お世話になったページ「The Trap of Web Design」さんの「Dreamweaver 使ってて Safari チェックしてない方へ注意」ですが、

Chromeではこの現象は起こりません。
少なくとも自分が使っている4.0環境では。

参考にさせていただいたので、少しでもプラスアルファの情報提供が出来れば幸いです。

ちなみに、解決を手伝っていただいた先輩が「DW使っててSafariでCSSが効かないトラブルに遭ってる人へ」として、まとめてくれています。ありがとうございます。

Blogger Syntax Highliterを入れてみた

コードなんかを書いたりするよってことで、
Blogger Syntax Highliterを入れてみた。
http://fazibear.googlepages.com/blogger.html

使い方は「クリボウの Blogger Tips」を参考にさせてもらった。
参考ページはこちら。

<html>
<head></head>
<body>

hogehoge

</body>
</html>

うむ、いい感じ。

2010/01/01

このブログの方向性とか

このブログにはCSSを中心にちょっと技術寄りのことをかいていけたらなと思います。(といっても、僕の遭遇するレベルなんてまだまだですが。)

何かありましたら、お気軽にコメントください。
よろしくお願いします。