忍者ブログ

徒然雑記

つらつらつれづれ

calender

10 2024/11 12
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

recent entry

profile

name:sazzy
job:会社員
hobby:リリアン
pr:サムライファクトリーのなかなか昼ご飯を食べない人。
コーヒーを飲まないと具合が悪くなります。


[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


満月には足りない

昼間に雨が降ったから月が綺麗に見えたんですが、
あんまり綺麗に撮れなかった。

しょんぼり。



拍手[0回]

PR

マリオ

終業後のリフレッシュルームでマリオ大会中。

みんな本気です。



拍手[0回]


タイミング

朝、大体いつも通りの時間に家を出たのです。

うちは駅から結構遠いのでバスを使います。

バス停までは徒歩一分、通勤時間帯なら三分に一本はバスが来ます。便利。

が、今日は10分待っても来ない。

10分あったら調子のいい日なら一本前の電車に乗れるというのに、
今日はもういつもの電車にも間に合いません。

しょんぼり。仕方ないけど。

やっときたバスに乗ってほっと一息ついたのもつかの間。

駅までの信号に全部ひっかかりました。(五箇所くらい)

えー。

それでもなんとか遅刻しなくてすむ時間の電車に乗れました。

電車が遅れていました。



今日遅刻しないですんだのは日頃の行いが良いからだと思ってもいいですか。



拍手[1回]


ブログのテンプレート変えてみた話

昨日の夜くらいからテンプレート変えました。

CSS3で実装して未対応のブラウザでもあんまり影響なさそうな中で角丸が使いたかったので使いまくってみました。
ちょっとした角丸とかドロップシャドウとかグラデーションとか画像なしでできるのはとってもありがたいですね。
角丸のためだけにdivタグ増やしたりbackground要素入れたりって地味に面倒なんですよね。
色違いもいちいち画像作んないといけないしね。
あー、なんかいろいろ思い出してきた。
めんどうくさかった思い出が走馬灯のように駆け巡る。

ただ、ブロック要素の使い方によってはやっぱりそのためだけにタグいくつか追加しなといけないので、画像作っちゃったほうがHTMLソースはきれいな場合もありますね。
どっちを取るかは場合によりけりだろうとは思いますが、しかしいろいろ試したくなる……!楽しいなちきしょう……!!!

とかなんとか言っても、動作確認は実は適当なので共有テンプレート申請とか出せないのであります。
Firefox3.5以上とかSafari4とかではちゃんと見えてるんじゃないかと思いますが、IEは8でもがっちり四角でChromeは角丸指定入れちゃうと四隅全部が角丸になっちゃうみたいでとっても間抜けなことになってました。
ついでに右のプラグイン部分がズルしようとして失敗しているのが丸見えになっていました。きゃっ!
はい、そこ。おもしろがってわざわざChromeで見たりしないように。

というわけで、このブログは基本的にFirefoxかSafariの割と新しめのバージョンを全力で推奨するのであります。
今回の件での言い訳じゃないからね!
元々個人的にはそういう方針なんだからね!

拍手[1回]


【CSSメモ】margin:auto;を使わないでセンター配置する方法

CSSでブロック要素をセンター配置するとき、

margin:0 auto;

ではない方法を見つけたので、ちょっと自分メモ。
その上にもう一つブロック要素置いてtext-align:center;にするのはあまり好きじゃないので、個人的にはもっぱらmargin:auto;をよく使うのですが。

.selector {
width: 800px;
position: relative;
float: left;
left: 50%;
margin-left: -400px;
}

左寄せ→画面の真ん中に左端を持ってくる→ブロック要素の半分の幅だけ左に寄せる
ということらしい。IE5.5対策かな。多分。
使う機会はあまりなさそうだけど。

……とか書いてたら、なんか前にもこの書き方見たことある気もしないでもないけど、まぁ、忘れてたわけだからいいや。メモメモ。

しかし、CSS3のリファレンスなんかが載ってるサイトでIE5.5対策って必要なのかしら。
と思わないこともない。

拍手[0回]


archive

recent comment

recent trackback

RSS

search

QRcode

忍者アナライズ

counter

visiter

忍者AdMax

忍者アクセス解析

忍者おまとめボタン

忍者翻訳

忍者アクセスランキング

link

P R