リデザインしました

/note/update

Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。

Archiva v2.1「はてなブックマーク550超ありがとう！」記念に、リデザインしました。とりあえずざっくり骨組みだけ。プラグインとかCSSとかJavascriptとかは、クリティカルなものから少しずつ片付けていきます。

静的で確認してても、いざサーバに上げるとあちこち崩れてて、困ったもんです。こういうときSSH使えたらなあ... ということで、求む不具合報告。

追記_1: 方針

今回のリデザインの基本方針は、以下３つ

  • 大きめの文字
  • リキッドレイアウト
  • 黒サイト

基本はこれを踏襲しつつ、あと実験的な事柄として透過処理やパフォーマンスを重視したJavaScriptなんかも模索していく感じ。記事投稿するだけじゃなくて、「いろいろ弄って遊んでみたいな」て感じかな。

追記_2: やり残し

  • 透過PNGによる負荷対策（Opera）
  • トップページのリンクがクリックできない（IE6）
  • 上部ナビゲーションが表示されない（IE5-6）
  • 「最近の記事」のプラグイン
  • カテゴリ一覧のタグ変更
  • 月別一覧のタグ変更
  • Contactページ
  • <table>のスタイル適用（記事内）
  • <ul>のスタイル適用（記事内）
  • JavaScript（スライドメニュー）
  • JavaScript（フォーム周り）
  • 検索

トラックバック対応や、CAPTCHAからAkismetへの変更なんかは気が向いたら。

追記_3: デバッグ・メモ

2007.07.04. : デザイン微調整。HTMLは殆ど変えてませんが、メインの画像を飽きたので削除しました。透過PNGを使わなくなったため、Operaの負荷対策やIEのクリック問題など、いくつかの問題が自然消滅。

2007.07.11. : よく使う関数を default.js に格納。サイトで使うってかメモ的意味合いもあり。併せてフォーム周りのJavaScript（二重投稿防止とCookieによる設定保存）を整備完了。

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。

10 Comments

Sig. wrote:
コメント投稿テスト 2007–06–28 14:08
e-luck wrote:
透過が綺麗ですね :)
ちなみに、上部の半透明のナビがパッと見、気づかないかもしれません。 2007–06–28 22:38
Sig. wrote:
コメントどもです＾＾
あ、やっぱり薄すぎました？ 了解！ 現状Javascriptの出来があまり良くないので、完成を待ってもちょっと目立たせてみます。 2007–06–29 11:27
panda wrote:
はじめまして(^-^)
以前、ＩＥでの画像透過方法を探していた時にこちらのサイトの「IE-winで透過PNGを利用する方法」が大変参考になりました。
以降ちょくちょく拝見させて頂いております♪
今回のリデザインはシンプルかつ、より見やすくなったと思いますｖ 2007–07–05 10:56
Sig. wrote:
や～どうも！
感想ありがとうございます。

実は昨日ちょこっと変えまして、先の e-luck さんのコメント時とは大分印象違うと思うんですが... 今のデザインのことだと思っておきます (・・。)ゞ

もちょっと読みやすくなるように調整するつもりであります。 2007–07–05 13:34
road wrote:
ごくろうさまです。
Sig.さんらしいデザインで、とてもスッキリしてて見やすいです。

こっちも早いところ新しいサイトを作らねばと思っているのですが、
デザインはある程度Fixしたものの、肝心のスクリプトが全く出来ておらず。
プログラミングの世界は奥に行けば行くほど選択肢が増えてきて、
この機会に勉強がてら色々導入しようと思ったのが災いしております....orz

Javascriptの勉強を全くしてないので、Sig.さんのサイトを今後とも参考にさせていただきます。
お仕事などなど、応援してますのでがんばってください。
PHPのことで質問があれば全力でお答えいたします。

p.s.
なんかよくわからないけどScriptErrorがでました。CGI周り？
Vista + Fx2なのですが、ScriptErrorだし関係ないかなあ・・・？ 2007–07–11 01:52
Sig. wrote:
roadさん、ありがとう！
うちの職場はPerlなんですが、最近個人的にWordPress立ち上げようと思ってて、その絡みでPHPも触るかもしれません。その時はよろしく！

ScriptErrorってのは、サーバのエラー画面？ それともJavaScript？
前者なら、コメント時の画像認証のタイムアウトでしょうから、CGI周りですね。なんとかします＾＾；
後者なら、ちょうど調整してるとこであります。エラー箇所教えてもらえると、助かります！ 2007–07–11 12:43
Sig. wrote:
Cookieテスト 2007–07–11 13:08
road wrote:
すいません、ScriptErrorに関してですが前者の方だと思います。
画像認証のタイムアウトっぽいですね。ぼけーっと考えながらコメント書いてたので
結構時間が経ってたみたいです。お力になれなくて申し訳ないorz

WordPressですかー。以前触ってみましたが、HTMLとスクリプトをごっちゃで書くのが
どうしても好きになれなくて断念してしまいました。
テンプレートの弄りやすさはMTの方が上だったかなあと感じています。
ですので、わからないところがあれば何なりと聞いてくださいね! 2007–07–11 22:10
Sig. wrote:
いやぁ、俺もコメント書いてると、普通にタイムアウトしますよ。
その辺りの設定は特に弄ってないんですが、けっこう判定厳しいみたいですね＾＾；
あとはエラー画面とか、もっと判りやすくしないとですね...

週末、時間空いたらトライしてみます！ 2007–07–12 11:43