ひtoりgoと

新・ひ to り go と

この Web サイト

もともと自分は Blog というものが嫌いだ。左右をサイドバーで囲まれ、使いにくいカレンダー、どちらが古くどちらが新しい記事なのかわかりにくい「次へ 前へ」、記事を読むときは必要のないウィジェット、プロフィール、読者にとっては関係のない「最新 Trackback」など...
そこで「記事を読むためにデザインされたページ」を目指して作ったのがこのページ。
(他人の記事を読むときは Safari の RSS 機能を使い 1 ページに混ぜているのでデザインを気にすることは少ないけれども...)

このページは RapidWeaver +「ひ to り go と」専用テーマを使って更新している。更新意欲を復活させるため、テーマの CSS、HTML、JavaScript などすべてを作り直してみた。

薄いノイズ

iTunes 10 のウインドウや、Mac App Store、apple.com などで使われている、ほとんど見えないような濃さのノイズを背景に加えることで少しざらざらした質感を表現するという手法。初めて使ってみたが、これだけでも雰囲気が大きく変わる!

CSS3 の登場によって box-shadow や border-radius、gradient などが使えるようになりあまり画像を使わなくなっていたけど、こういう表現をするためには使った方がいいな。

月の移動が簡単に

上部のバーに月が並ぶので、いつの記事を表示しているのかわかりやすく、移動もできる。

RapidWeaver のカスタマイズでは限界があるので、表示 URL をもとに JavaScript のスクリプトがリンクを用意する仕組み。更新がない月は薄くなるようにしたので空ページを作る必要がなくなった。

新しいボタン

左上の iPhone の戻るボタンに似たデザインのボタンは、トップページを表示しているときは zumuya トップに戻るためのボタン、過去の記事を表示しているときは、最新の記事を表示する「Latest」ボタンとして機能する。

Share

リンクも共有もお気軽に。記事を書くモチベーションの向上に役立てます。

© 2005-2021 zumuya