がんばったよ

この Web サイト

RapidWeaver で書いた 140 を超える記事を独自データベースに移行した。

古い記事は平気で <br><br> なんてやったり li タグの中に複数行書いたりしていたので、すべて手作業で h3p タグを使うように直した。

RapidWeaver を使い始める以前の、全タグ手打ちをやっていた頃の記事も時間があるときに移行したい。(誰も読まないけど)

すっきり

この Web サイト

ホームページをリニューアルした。例によって中央揃えの左右対称。

新・ひ 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」ボタンとして機能する。

ちょっとだけ

この Web サイト

このページのデザインを変更。少しだけ省スペースに。

  • タイトルと日付の高さを揃えた。
  • ブログの象徴のような「Comment / Trackback」リンクを、カーソルが記事の上にあるとき以外は見えないようにした。

ブログ内にある、単に記事を読むには必要のない要素。それらを必要最低限まで取り除くというのがこのページの方針。

...CSS Transition 好きだ。Safari で見ると少し楽しい。

ちょっと困る

この Web サイト

このページを作るのに使っている RapidWeaver の仕様のようなのだけど、月が変わると RSS でそれまでの記事が新着として再び登場してしまう。今のところ防ぐ方法を知らない...

ページをリニューアル

この Web サイト

最近はソフトの更新ばっかりしてたけど、思い切って zumuya 全体のページデザインを一新した。(といってもトップページと TuboyJuego のページと About ページだけだが。)

MacHeist バンドルについてきた CSSEdit が非常に役に立った。これがあるとプレビューで結果をリアルタイムに確認しながら CSS がすらすら(入力補完もある)書ける。

最近 Xcode や CSSEdit で入力補完にたよりっぱなしなので、こうやって書いている文章もちょっと書けば補完してくれそうな錯覚に陥ってしまう...

Safari 3 と Firefox 3 のみで動作確認。
CSS アニメーションを使ってみたので Safari 3 で見るとちょっとだけ動くはず。

ちなみに自分はページを作るとき、Photoshop でページ全体の完成図を作ってそれをもとに HTML と CSS で組んでいくという作り方をしてる。

© 2005-2020 zumuya