kennsuさんの一式をDLしてみてなんかつくってみる。blog2007-09-29kennsuさんの一式をDLしてみてなんかつくってみる。プログラミングを息抜きして、デザイナよりになってみようとWebDesigning購入(ただし古本w)ノンデザイナが、時間と手間をかけずに見栄えが良いサイトを作るのに、いい資料集めが目的。ダウンロードしてみる。Post_43ファイル構成を見ると、うちの会社でデザイナさんが使ってるフォルダ構成と似てる。ちなみになんでもかんでもSubversion派なので、Eclipseを使用します。ブラウザに表示してみる。各DIVタグ内にひとこといれてみる。文字化けしたので1行目のeuc-jpをutf-8に変更ここにヘッダを書くんだよここがメインだよナビゲーションはここだよフッターだよあれ?ナビゲーションは右じゃ。おもったらcss/layout.cssに書いてあった。BODYタグにclassを設定。1カラムと2カラムが用意してあるので(といっても1カラムはnavのcss指定がおかしいっぽい。)bodyタグに設定する。class="two-column">これでナビゲーションが右寄せになった。ここにメニューやらブログパーツやらAdSenseやらを載せる。3カラムにしたかったらnavの中にDIVタグ2つで分割してやれば良さそう。幅はlayout.cssでお好みに。2.0っぽい配色を探します。僕はkulerがけっこうお気に入りです。ここでPopularから探すもよし、自分の好きなキーワード(英語)を入れるもよしです。■#493F0B忘れないうちに、base.cssとかにメモっておきます。今回は明るめの色が多いので、文字に一番くらい色、それ以外を適当に使う事にしてみました。リキッドデザインはハイレベルなスキルが要る(と思い込んでいる)ので、固定幅にします。ターゲット画面サイズは1024*768なので、余白を少しとって900pxくらいで固定。default.cssいじってええんかな。それともlayoutで上書きするんかな。auto;}ここまでの状態。ロゴを考える英語系は、わりとジェネレータでやってもいい感じになる気がする。日本語はやっぱり字詰めがおすすめ。フォントはフリーフォントでもOK。Note今回はMSPゴシックで字詰めをやってみる。下がフォントサイズを調整した状態です。多少バランスが良くなったとも思います。文字の間隔をややつめ気味にする。英字は大きめ、ひらがなは小さめにフォントサイズ変更(10%前後)あとはひと文字ごとに字の間隔が同じくらいになるように調整して終わり。英字だけフォントを返る場合にた雰囲気の物が良いでしょう。00:00kennsuさんの一式をDLしてみてなんかつくってみる。Sitesのデザインカスタマイズにチャレンジ無料で、広告がでなくて、独自ドメインが使える、CMSというかブ...2009-05-08はてなダイアリーのデザインカスタマイズのメモ一段落したので後学のためにメモを残しておきます。ちなみに僕...2009-05-06そろそろブログのデザインを入れ替えようもうこの中途半端なデザインにも飽きたところだ。Style」が発売されます。»AboutエンジニアだったかもしれないPM。技術書典5にサークル参加してきました。5にサークルだします。雄補スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。