【サブブログ】デザインバージョン3をリリースしました

昨日、サブブログでデザインバージョン3をリリースしました。

coool.blue

内部で大きな変更

内部で大きな変更を行いました。

はてなブログを使っていて、はてなブログにはあらかじめ用意されているCSSがあります。

しかし、出来るだけ避けるという事で、自分の書いたCSSを優先にしています。

あらかじめ用意されているCSSを使いながら、自分のCSSを使えば良いと思ったのですが、ちょっと嫌でした。

なので、オリジナルのCSSを書いたのです。

結構苦労しましたけどね。

まぁ、普通は、あらかじめ用意されているCSSをガンガン使うのが良いですね。

僕は、自分のCSSにこだわりましたけどね。

持っている知識をフル活用しましたね。

ほぼ、ネットで調べることなくCSSを書きました。

CSSをマスターして良かったと思う瞬間です。

なお、デザインテーマを公開して、他の人にも使ってもらおうかと考えましたが、ちょっとやめておきます(笑)。

何故なら、CSSの書き方が汚いのでメンテナンスしにくいかと思っています。

なので、デザインテーマを公開することはないですね。

デザインはあまり変わっていない

デザインはあまり変わっておりません。今のデザインが好きですので、大幅に変えることはしませんでした。

スマホは1カラム、PCで2カラムという方針です。

スマホに関しては、もう少し何とかしたいと思いつつ、まぁ、現状がベストかなと思っています。

サイズを若干変更

コンテンツとサイドバーのサイズを若干変更しました。

見た目を重視して、1%単位で調整しました。

今のところはこれで良いと思っています。

px指定を避ける

出来るだけpx指定をやめました。

何故なら、レスポンシブ対応でpx指定は不具合があるからです。

%であれば起きにくいので、%指定にしました。

マージンやpaddingだとpx指定がありますけどね。

まぁ、おいおい治して行くかも知れません・・・。

IE未対応

デザインバージョン3からIEを未対応としました。

一応、記事は読めますが、レイアウトが崩れています。

なので、サブブログを観る場合は、Edge,Chrome,Firefoxをお使いください。

上のモノであれば問題ないです(そのはずw)。

IE未対応にすることで、時間が短縮出来ますので、いいかなと思っています。

制作日数

制作日数は1日です。

かなり時間を使いましたね。

バージョン2のときは、はてなブログの「デザインCSS」で対応していましたが、今回はローカルで作業してデザインCSSに貼り付けるという事をしました。

このほうがらくでしたね。

今後、マイナーアップデートをする場合は、ローカルで作業してデザインCSSに貼り付けるということをしたいと思っています。

これでOK!

さいごに

見た目に大きな変化はないですが、内部で大改造を行いました。

バージョン4にするのかどうか・・・。

ちょっと良く分からないですが(笑)。

まぁ、しばらくの間はバージョン3のマイナーアップデートにしたいと思っています。