このブログのデザインリニューアルをしたよ

2011 年 1 月 6 日

いつかやろうやろうと思ってなかなかできない自分のブログのデザインリニューアルをしました。
年末年始の自分の課題でHTML5でデザインリニューアルするだったのでなんとかセーフ?。

今回の決まり

  • HTML5でマークアップする
  • CSS3をできるだけ使う
  • ただし大きくレイアウトが崩れるようなプロパティは使わない
  • IEは基本的にあまり気にしない

クライアントワークではなかなか難しいProgressive Enhancementの概念で、情報が失わなければ、装飾は切れてもいいかなということでやっています。
デザインはざらざら背景がやりたかったので、こんな感じに。
画像はサイトタイトルとアイコン、バナーくらいしか使っていません。

楽しかったこと

  • 凹んだような2pxのラインをCSSで初めてやってみたのですが、これは使えます。
  • フォームの角丸やホバーアクションをCSSでやってみましたがかなり良い感じです
  • ソーシャルサービスのリンクは5509さんのツールを使わせていただきましたm(__)m

できなかったこと

このサイトはWordpressですが、オープン時入れていたThematicのテーマから作りたかったのですが、あきらめてゼロからテーマを作りました

今後

とりあえず見れるようになったということころなのでJS周りを実装していってもう少しリッチなサイトにしていきたいということと、あまり投稿数も多くないので、今年からもう少しちゃんと書くようにしたいと思います。

Share on FacebookTweet about this on TwitterShare on Google+Share on TumblrShare on LinkedIn

コメントは受け付けていません。

Top Of Page