豚肉だいすきっ。な肉好き多いのではないでしょうか？
僕も大好きです。特にあの香ばしい脂。やっぱり豚バラ肉最高です。牛のホルモンも捨てがたいんだけどね。
先日、東京新宿職安通りに面する韓国料理屋の「豚かん」ってお店行ってきました。
職安通りはご存じの方も多いと思いますが韓国料理街。おいしい韓国料理屋さんがひしめきあってます。
ここは分厚い豚バラ肉を美味しくいただきたいって人に本当におすすめです。
余分な脂が流れるよう斜めにセットされた石盤の上で、店員さんが直に焼いてくれます。
石盤に流れる脂も無駄にはしません。石盤の下の方では自家製キムチが焼かれ、そこへ流れた脂がからみ、焼きキムチも絶品。石盤で中までじっくり火もとおされたバラ肉をサンチェに包んで食べるともう絶品です。もちろん単品でも美味しいです。
また、ここの黒豆マッコリも最高に美味しいです。
場所は新宿の職安通り。
東京にお住まいの方にはぜひ、ご賞味いただきたい味だったりします。
・豚かん

今、ぼちぼちデザインを開始してます。
一応プロらしく、一個一個のパーツを変えるのではなく、ページ全体のデザインを確認できるよう、PhotoShopで画面全体を確認しながらデザインします。
ここで一点気をつけたいのが、「文書構造」
ブログのテンプレートは文書構造を考慮した上でパーツ分けされ、管理されています。まあそれが今のHTMLのトレンドってヤツなんでしょう。これを無視してデザインし、元あるテンプレートのCSSをほとんど利用せずコーディング行えば、そんな事気にすることもないけど、ここは自分のスキルアップの為、ちょっと考慮しつつデザインしたいと思います。
と、言っても、今回基本的にコンテンツエリアをいじる気はなく、ヘッダ部分と両サイドのみを考えています。
■ヘッダの修正点と現行の状態
ヘッダの修正点を考える前に現状の内容を確認します。
これです。
●現状

このソースをみると
<div id=”banner”>
<div id=”banner-inner” class=”pkg”>
<h1 id=”banner-header”><a href=”<$MTBlogURL$>” accesskey=”1″><$MTBlogName encode_html=”1″$></a></h1>
<h2 id=”banner-description”><$MTBlogDescription$></h2>
</div>
</div>
となってます。
まあ案の定ブログタイトルをH1、ブログに対する説明をH2でくくってます。
今の段階で、H1でマークアップされているのはサイトタイトルと同義のブログタイトルとなっている分けですね。そらそうだ。
●修正点
現状に対して、以下の要素をもりこんで行きます。
1.サイトタイトル（type-ZERO workers）
2.ページタイトル　（type-ZERO Blog）
3.ページの説明
4.type-ZEROサイトととの統合をふまえ、他のコンテンツとのナビげーション
5.サイト全体のキーイメージ
ここでちょっと考えておきたいのが、1〜3をどのようにコーディングする事を前提にするか。現状は1と2が一つとなって、H1でマークアップされていて、3がH2でマークアップされています。1のサイトタイトルは確かに最大各の見出しなわけですが、全ページに入るものです。それを考えると、H1という重要なタグを全ページ同じ要素に対してするのは反って無駄。って事で、妥当にページタイトルとなる2をH1でマークアップする事を前提に考えます。
基本的に今の風潮はページタイトル（コンテンツタイトル）に対してH1を。って感じなので、合ってるかと。っていうか僕web長いけどトレンドに弱いんです（汗
で、1は5と一緒にして画像処理します。
4は完全新規の要素なんで、今の状態を無視していいのかな？多分。
でも、<div id=”banner”>か、<div id=”banner-inner” class=”pkg”>に入る事が考えられるのでなんとも。まあ問題あったら#banner #banner-innerの定義をいじれば良いので問題ないでしょう。
ちなみに、この4のナビゲーションですが、当然ながらULタグでマークアップする事を前提にします。今やナビゲーション要素をリスト化するのはあたり前なんですね。面倒ね。アクセシビリティって。
って事で、次回は実際にできたヘッダデザインをアップします。