akiyan.comakiyan.comakiyan.comのデザインをリニューアルしました2006-12-07akiyan.comのデザインをリニューアルしました。^^;今回のデザインでこだわった点は以下の通り。見た目あかぬけること第一オリジナリティに固執せずに、クールなサイトのよいと思うところをかなりとりこみました。ロゴフォント好きな友人に相談し時間をかけてレビューしながら決めました。形も少しカスタマイズしているので完全オリジナルです。線をなるべく使わないborderプロパティが便利なのでどうしてもboxや区切り線を多用しがちだったのを、やめました。図形にグラデーションのスクリーンをかけています。このためにFireworksの操作をヘルプを見ながら覚えました。頑張った甲斐があったかと。http://d.hatena.ne.jp/akiyan/裏側シンプルなHTMLメンテナンス性を考えて必要最低限のHTMLで済ませました。後からCSSで何でもできるようにあらかじめHTMLを複雑にするのはやめました。CSSの子孫セレクタにclassを使わない子孫セレクタってまるでDOMの親ノードを辿るような思考が必要で、思考に時間がかかります。class付きが連続するセレクタは無しにしました。メンテナンス性重視です。div.section」としてたところを「div.content-section」にしてしまう感じです。p」といった、class無しの子孫セレクタは使います。CSSは1ファイル1ファイルで済むなら1ファイルのほうが断然いいです。フレームワークを単純化オリジナルのフレームワークでMVC構成になっていたのをやめました。現在、以下のような感じで書かれています。今のところリニューアルが完了しているのはサイトトップ・カテゴリメニュー・ブログのみです。トラックバックコメントは受け付けていません。