VERSIONFIVE Renewal!

今風な海外っぽいの

なんとなくこんなことをコンセプトにしていたと思います。そして、下記のようなビジュアルを目指してひたすら作ってはお蔵入り、を繰り返していたらこのデザインに落ち着いていった感じです。

• やっぱり空、雲の要素はいれたい
• (最近流行の)MacのUIっぽいデザインと質感
• 海外でありそうな雰囲気

レイアウトについてはずげー色々考えたのですが、あまり覚えてないしめんどうなので省略。

エントリータイプのアイコンは、PICOLさんのアイコンを使って一部手直しして使っています。エントリ個別ページのソーシャルサービスのアイコンは、Paul Robert LloydさんのSocial Media Iconsを。はてなブックマークとLivedoorクリップのアイコンは用意されていなかったので雰囲気に合うように作ってみました。ついでにGoogle バズのも。よかったらご自由にお使い下さい。

HTML5, CSS3でリニューアル

この時期に個人サイトをリニューアルするなら勉強も含めてHTML5でしょ、ということで(7度ほど作り直して)このデザインに固まってから、昨年の8月くらいからHTML5で作ってきました。ソース自体は基本的に単なるブログのHTML5化なのであまり面白い要素はないかもしれません^[1]。はじめにHTML5で組みだしてから、footer要素やaside要素の解釈が変わったりして何度か書き換えたりしました。

また、装飾程度ですがCSS3のプロパティも使っています。border-radiusとかtext-shadowくらいですが。パンくずリストにはWebfontsを実験的に使ってます。
JavaScriptに関しては、タブやアコーディオンなデザインをやってみたかったので、jQueryのプラグインyuga.js(カスタマイズしていますが)などを使って実装しています。