ご覧のとおり、このブログ(Stocker.jp / diary)をHTML5でリニューアルしました。 今回のテーマは「紙のように軽く、昔の雑誌のように上質で、見る人の印象に残るページ」とし、h1〜h3の文字詰めにこだわりつつ、不要なアニメーションや重いヘッダ画像などは極力排除して軽いページに仕上げました。 タイトル画像やラインなどの画像は、CSS Spriteで2枚の画像にまとめています。 マウスカーソルを乗せたときの色の変化もCSSを使用しているため非常に軽いものになっています。 トップページは3カラムのように見えますが、サイドバーはなく実質1カラムです。 このレイアウトは、jQuery Masonry という jQueryプラグインで実現しています。 タイトルのフォントは Chunkです。 トップページの場合ヘッダの上にサイトの概要を、記事ページの場合記事のタイトルとカテゴリをh1要素
![ブログをリニューアルし、ポートフォリオを公開しました](https://cdn-ak-scissors.b.st-hatena.com/image/square/e32e51059850d8888f7db6a929bc5bc5d9e59c1b/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fsc1-500x300-1.png%3Ffit%3D500%252C300%26ssl%3D1)