本サイトをリニューアルしました。
案件がたまっているのに何をやっているんだという感じですが、「4月からチクチク作っていて、サイト自体は今週の頭には完成していたのです！」「トップページにOSCとCSS Niteのバナーを貼ったのでイベントまでにアップしたかったのです！」
と言い訳します。
WEBデザイナーとしてお仕事をはじめてから、4回目のリニュになります。
…変なサイトばかりです。
なので、今回は当初、わりとまともなサイトを作ろうとしました。
でも、それはボツになりました。
勝ちを見据えたおとなしいサイトは、私のサイトではないです。
ブログカスタマイズやCMS構築が一般の人にも知られるようになって、
CMSを扱う技術者に、閲覧者が求めているものは
「静的サイトでは実現できない情報配信力」と
「ブログでは実現できないインパクト」だと思ってます。
だから今回はホワイトボードになぐり書き風にして、「WEBデザインのよさげポイント」すらぶち壊しました。
昔のブログを見てみると、私は4年前にも同じことを考えてます。
「柔よく剛を制す」。
これって、WEBにも当てはまるところがあると思うのです。文書構造は大事です。SEOも考慮しなければお客は来てくれません。
トラックバックやRSSも、交流の幅を広げるのに重要な要素でしょう。その点でブログ形式が有利なことは確かです。しかし、訪ねて来た閲覧者が見たホームページが無個性で、味も素っ気もないデザインだったら。
記事が全然無くて、それが丸コピー・ペーストしたような文章ばかりだったら。
アフィリエイトであれば、コメントもなくただ写真が貼ってあるだけだったら。
記事を読んだ後は、その閲覧者が二度と来ることはないでしょう。ウェブサイトは他にも何十億とあるのですから。文章でも、デザインでも、イラストでもいい。何か閲覧者の心に残る「技あり」な部分があれば、もう一度見に来ようと思ってくれるかもしれないし、再びそのサイトを訪れたときに「あっ、ここ前に来たことがある！」と思い出してもらうこともあるでしょう。
一本を取ろうとする柔道は、なかなか勝てません。
お仕事では簡単にできません。
それでも、日々技を磨いて、いつかは華麗に一本を取りたいと思うのです。
自分のサイトはその練習場です。
というわけで、お仕事に戻ります。
しょうもないところで詰まってしまって、まだおわんないです。
自分のサイトを作っててお仕事の方がgdgdになりました、なんてことになったらシャレにならないですからね；；
つぶやく 
Comment
こんにちは。
リニューアルお疲れ様です。
欧米風なデザインでかっこいいですね。
昔からブログを見させていただいてましたが、
2006年10月のときのデザインが
私的にすごいいいなーと思います。
WebbingBlogをお気に入りに入れたきっかけでした(笑)
今回のデザイン、ぱっと見はいいんですが、
クリックできるところはマウスオーバーで
もう少し何か装飾が変わったりするともっと良いと思います。
あとページ下部のはてブとTwitterが読みにくいので、
背景に半透明のレイヤーを入れてみてはどうでしょうか。
日付やタグに段落要素が使われていたり、
見出し1も見出し2もサイト名になっていたりするのも気になりますが…
応援しています！
Comment
franklyさんこんにちは。
ブログをずっと見ていただいてたのですね！ありがとうございます。
丁寧なご意見もいただき、助かります！
…やっぱり詳しい方が見ると
時間がなかったことがバレますねorz
今回はロールオーバー効果にもあまり力を入れられませんでした。
＞あとページ下部のはてブとTwitterが読みにくいので、
背景に半透明のレイヤーを入れてみてはどうでしょうか。
Macで見ると、かなり読みづらいことに気付きました。
板に紙を貼っている形をとった方が、良いかもしれませんね！
今度手直しをしてみます。
＞日付やタグに段落要素が使われていたり、
見出し1も見出し2もサイト名になっていたりするのも気になりますが…
ブログ新着の、日付とカテゴリー名の部分ですね。
ここ、やっぱり同じ属性の情報になるので
ul要素がいいのでしょうか。
こういった無機的な情報をどうマークアップしたらいいのかというのは、今でも悩むところです。
うぬう、まだまだ改善が必要ですね。
今のお仕事が落ち着いたら、ブログやFAQもテンプレートを統一化したいので、もっと作り込んでみます！
Comment
返信ありがとうございました。
> ブログ新着の、日付とカテゴリー名の部分ですね。
> ここ、やっぱり同じ属性の情報になるので
> ul要素がいいのでしょうか。
属性は同じですが種類が異なるので、
1つの同じul要素にまとめるのも微妙かもしれません。
もし同じul要素にまとめるのであれば、
li要素にtitle属性をつけるなどの配慮があると良いと思います。
また1つの記事が複数のカテゴリに属している場合はちょっと複雑です。
複数のカテゴリを1つのli要素にカンマ区切りで入れるのではなく、
li要素のなかにさらにul要素を入れて
複数のカテゴリを並列化すべきかとも思いますが、
そうすると日付のほうはどうマークアップすべきかと悩みます(汗)
そう考えると、dtにdisplay:none;を指定した定義リストが良いかもしれません。
<dl>
<dt>この記事の投稿日時</dt>
<dd>2009年06月19日 02時07分</dd>
<dt>この記事のカテゴリ</dt>
<dd>Webdesign</dd>
<dd>Work</dd>
</dl>
※dd要素のなかにul要素を入れてカテゴリを並列化するのも良いと思います。
ただ仕様書によると、これではdtがどのddに対応するものなのかが
示せていないという問題点が出てきたりします。
(xHTML2ではdtとddをグループ化するdi要素が登場します。)
xHTML1.0の段階で対応関係を明確にするには
<ul>
<li>
<dl>
<dt>この記事の投稿日時</dt>
<dd>2009年06月19日 02時07分</dd>
</dl>
</li>
<li>
<dl>
<dt>この記事のカテゴリ</dt>
<dd>Webdesign</dd>
<dd>Work</dd>
</dl>
</li>
</ul>
のようになってしまうのかな…と。
HTMLはこだわったら負けかもしれませんね;^^
長文失礼しました。