tatzulog

これまで携帯サイトは社外の専門のところと組んで制作することが多かったのだが、今回自社で完結する必要性が出てきたため、イチから携帯サイト構築ノウハウや現在のトレンドについて勉強を始めた。

いろんな本に手を出した中で、最も自分にフィットしたのが高木悠介氏の書かれた「Mobile Site Coding & Design ～ 携帯サイト コーディング＆デザイン」だ。

本書はPC向けサイト制作の知識を持っているが、携帯サイトについての知識は乏しい人を対象に、携帯サイトを取り巻く状況、PCサイトと携帯サイトの違い、携帯サイトを作る上で注意すべきこと、効率よく3キャリアに対応したサイトを作るためのルール＆テクニックなどを紹介している。

文章は平易で解りやすく、サンプルも豊富で、キャリアごとに異なる絵文字対応する際にSSIで対応できるツールも紹介されていて、至れり尽くせりといった感じだった。PCサイトばかり作ってきた方にはオススメの一冊。

CSSでのネガティブマージン指定はよくつまづくのでメモ。
以下はMTのテンプレでサイドバー固定幅・メイン可変幅のリキッドレイアウトを実現したい場合の指定。

#alpha {
float: left;
width: 100%;
margin-right: -220px;
}
#alpha-inner {
margin-right: 220px;
}
#beta {
float: right;
width: 220px;
}