ブログのトップページのデザインを変更しました！記事の一覧をよりシンプルに見やすく♪

http://teapipin.blog10.fc2.com/blog-entry-618.htmlブログのトップページのデザインを変更しました！記事の一覧をよりシンプルに見やすく♪

ブログのトップページのデザインを大幅に変更したため報告します！
（※IEには非対応です）

 

＜変更前＞

 

<変更後＞

 

主な変更点

１．記事の一覧をよりシンプルに見やすくしました。

２．画像の読み込み時間を短縮しました。

３．Chromeでも破線が表示されるようにしました。

 

以下、それぞれの解説です。

 

１．

ついに本文の引用を省くことにしました。最初に大幅に見直した1月2日時点では引用はかなりの行数でしたが、その後段階的に減らしていきました。トップページだけである程度記事の把握ができればいいかと最低限の量にしていましたが、最近スティーブ・ジョブズに関する書籍・映像を見る機会があり、アップルのシンプルなデザインに共感するようになったので、ついに本文の引用をなくし、シンプルに見やすくしました。

 

また今までは投稿時期に時間と分を入れていましたが、トップページでわざわざ表示する意味がないので外しました。個別記事においては今までどおり、時間と分を表示しています。

 

他に画像を大きくしたり、記事のカテゴリを色を付けて目立つ位置に移動することで、より見やすくなるようにしました。

 

２．

今まで画像はトップページのすべてのデータを読み込んでから表示するようにしていましたが、画像データを読み込んだらすぐに表示させるように変更しました。画像のトリミング処理を考慮してのことでしたが、それほど時間が掛からないことが分かったので変更を行いました。

 

３．

今まではChromeで記事一覧を囲む破線が実線となっていましたが、表示方法を見直し、破線で表示できるようにしました。

 

 

ということで、今後も来てくださる方とよりよいブログ関係を築けるように見てて楽しくて使いやすいブログデザインにしていきたいと思います。

 

 

↓この記事が参考になったら拍手（どなたでも可）、ツイート、いいね、はてブ、いずれかをお願いします。今後のブログ作りに役立てたいので。