どうもこんばんは。
多分もう2日連続でなんかやらないよこれほんと。
次の三連休くらいまできっとないよほんと。

というわけで、言いっ放しにならないように早速やってみた。
忍者ブログのテンプレートを作ろう【その2】です。

完成予想図HTMLを作り始めました。
画像使わないのでHTMLとCSSを直打ちしながら適当に調整していきます。

今度は思いっきりグリッドな感じにしてみましたよ。
幅は今よりちょっと狭くなったくらいなんですが、色と余白と直角のおかげで
しまって見える気がしますね。
……つーか、色、今と変わんなくないかこれ……。

…………。

ま、いいや（結局）。

進度的には25％くらいでしょうか。
最初のルールを決めるところが一番頭を使うけど楽しいです。ふふ。

グリッドやテーブルの線やら余白やらは個人的に大きいブロックで上と左、
中の小さいブロックで右と下を指定することにしています。
<table>でborder-topとborder-left、
<th>とか<td>でborder-bottomとborder-rightとかって感じですね。

慣れかもしれないけど、後から追加やら修正やら調整やらが入るときに
こういうちっちゃいルールがあるかないかだけでだいぶ違う気がします。
気がするだけかもしれないけど。

今使ってるテンプレートを修正すれば独自構文を後から入れなくてもできることに
気づいてはいるんですが、それじゃ練習にならないし面白くないので
今回はHTML単独を先にきっちり作ってみるのであります。

ではまた。

[1回]

2010
10
11
Mon.

忍者ブログのテンプレートを作ろう【その1】

どうもこんばんは。sazzyです。
みなさま3連休はいかがお過ごしでしょうか。
私はうっかり初日におでんを作ってしまったので、
食生活がＧさんと似たり寄ったりになってる気がします。
コンビニおでんじゃないけど。発泡酒も飲んでないけど。

できあがってからまとめようと思ってたんですけど、
どんなのにしようかなー、とか
何からしようかなー、とか
考えてるうちに時間がどんどん過ぎ去ってしまったので、
もう行き当たりばったりでとりあえず始めてしまうことにします。

というわけで、ブログのテンプレートを変えたくなったので、
ついでにカスタムする工程を晒していきたいと思います。

あ、これはあれですよ。
忍者ブログ運営チームとは全く関係なく、私の趣味を晒すだけの記事です。
テンプレート作るの好きなんです。

まずはルールを決めましょうかね。
普通に作るんじゃ面白くないし。

・画像は使わない。
・対応ブラウザはWindowsのIE7、IE8、FireFox3以上。
・XHTML1.0とCSS2で作る。
・こっそりCSS3も使うけどIEでの閲覧に耐えられる程度にする。
・独自構文をできるだけ使ってみる。
・左右にメニューをおく3カラム
・秋冬っぽく濃ゆめの緑と茶色とかいいなー。
・あー、でもトリコロールっぽく臙脂と濃紺とかもいいなー。
・色は作ってから決めればいいかー。

こんなところでいいかな。最後の方はルールでもなんでもないけど。
これからテンプレートを作ってみようとかいう人の参考には
ならなさそうな予感満載というかほとんど自分用備忘録になりそうな予感。

本当はHTML5とかやりたくて勉強したりしてたんですけど、
そうするとIE用にほとんど別物用意したほうが早いとか
なりそうだったので今回は諦めました。

一番楽しみなのはCSS3使うところで、一番怖いのは独自構文です。

難しいんだよね。独自構文。

次回はとりあえずHTMLの大枠をざっくり作っちゃおうかなー。の回です。
来週くらいまでにできるといいな。
年内くらいに完成目標でのんびりやります。

ではまた。

[1回]