パスワードを忘れた? アカウント作成
13774 story

デザイン・テンプレートを変更しました 211

ストーリー by tach
ライトモードが変わりました 部門より

本日 18 時に,slashdot.jp のデザイン・テンプレートを変更しました. 以前のバージョンアップのときに書いたとおり,テンプレートを大幅に書き換え,CSS によるデザインになりました.slashdot.org のテンプレート・CSS をベースにして作成しています.

コードベースは変更していませんので,機能的な差異はありませんが,CSS 化の影響でライトモードの扱いが変わっています.ライトモードは '省帯域モード' と、'シンプルデザインモード' の2種類の設定に分割されました. この2つは 同時に指定できます設定ページでこれらのモードを標準に設定できます.light=1 の指定はまだ有効です(両方指定された状態になります)が、いずれ無くなりますので注意願います.

いくつかの環境でチェックを行いましたが,まだいくつかの問題が残っている箇所があると思います.表示に問題があると思った場合は,バグ報告をして頂ければ幸いです.よろしくお願いします.

この議論は賞味期限が切れたので、アーカイブ化されています。 新たにコメントを付けることはできません。
  • 使いにくい (スコア:4, すばらしい洞察)

    by Anonymous Coward on 2006年10月30日 20時44分 (#1048365)
    「もっと読む」のリンクの直後に 99/99 コメントのリンクがある方が扱いやすかった。
    これが両サイドに離れる意味が見いだせない。

    #正直これならトップストーリーだけ読んで
    #あんまりコメントしないかもしれない。
    • Re:使いにくい (スコア:3, すばらしい洞察)

      by yagawa (23710) on 2006年10月30日 21時38分 (#1048424)
      モヒカン刈りだった人が丸坊主になってしまったかのような、
      寂しさを伴うスッキリ感については時間が経てば慣れるとしても
      「もっと読む」のすぐ隣にコメント数の表示がないのは、時間が解決してくれない、
      これからずっと読みづらい・使いづらい点だと思います。
      離れ小島だから視線を送りにくいんです。

      バグではないんですが、旧デザインからの改善点というわけでもないと思うので
      これは修正して欲しいです。
      親コメント
  • 字がちっちぇえ! (スコア:4, すばらしい洞察)

    本家もそうだけど、なぜこんなに本文の字をちっちゃくするかねえ。
    この期に及んでフォントの大きさを支配したがるようだから、
    最も影響力の小さくなった10人にCmdrTacoが選ばれてしまうんじゃないの?
  • お願いがあります (スコア:4, すばらしい洞察)

    by Anonymous Coward on 2006年10月30日 23時57分 (#1048565)
    いつも管理ご苦労様です。
    お世話になりっぱなしでこういう発言するのも悪いと思うのですが、でっかい変更をする前に告知してもらえないでしょうか…。

    自作スクリプトが動かなくなるのは自己責任ってことであきらめますが、週始めの夜に突然ベータテストが始まるのは多少つらいものがあります。

  • トップレベルのコメントと、下位のコメントの見た目が同じで見づらいと感じている人向け。
    コメントの表示方法を、旧バージョンっぽく変えてみました。 ユーザー定義スタイルシートに追加すれば使えます。Safari用。

    /* for slashdot */
    ul#commentlisting li.comment ul li.comment div.title {
        background: #dfdfdf !important;
    }
    ul#commentlisting li.comment ul li.comment div.title h4 {
        background: #dfdfdf !important;
    }
    ul#commentlisting li.comment ul li.comment div.title a {
        color: black !important;
    }
    ul#commentlisting li.comment ul li.comment div.title span.score {
        color: black !important;
    }
  • by Anonymous Coward on 2006年10月30日 20時16分 (#1048334)
    すごく……見づらいです……
    以前の表示に戻せるようなオプションとか追加希望
    以前の省帯域モードってSlashdotのタイトルイメージも読み込んでましたっけ?

    # 自力でCSS書けって?以前の表示覚えてないから(ry
  • by akiraani (24305) on 2006年10月30日 20時42分 (#1048361) 日記
     シンプル+帯域の状態だけかもしれませんが、参照済みリンクと見参照リンクの色が同じで見分けがつきません。

     背景に埋もれなければどんな色でも良いですが、色は変えて欲しいです。

  • by nshibata (5616) on 2006年10月30日 20時48分 (#1048367) ホームページ
    白い背景がまぶしすぎます。
    背景色を自分好みに変更できないでしょうか。

    slashdotなら、背景は黒が好まれるような。
    コマンド画面みたいに。
    • by phpoobar (26216) on 2006年10月30日 21時45分 (#1048428) ホームページ 日記
      「ユーザースタイルシート」で、色々いじれますよ。モダンなブラウザならドメイン指定もできるし。
      ググれば、いくらでもサンプルコードは出来ますが、Firefoxなら

      @-moz-document domain("slashdot.jp") {
          body {
            background-color: ivory;
          }
      }

      みたいに。

      --
      --- Dead Poet Social Club
      親コメント
      • Re:背景がまぶしすぎる (スコア:2, おもしろおかしい)

        by smdm2000 (32320) on 2006年10月30日 22時44分 (#1048481)
        Firefox2で試していますが、上書きする必要があるので!importantが要るみたいです。
        @-moz-document domain("slashdot.jp") {
                body, div[class="intro"], div[class="commentBody"], div[class="commentSub"], div[class="commentTop"],
                    div[class="body"], ul[id="commentlisting"], li[class="comment"],div[id="frame"],div[id="wrapper"] {
                    background-color: gray ! important;
                }
                /*
                div[class="bigbanner"], div[class="ad200"],div[id="osdnbar"],div[id="ad1"] {
                    display: none;
                }
                */
        }
        こんな感じでしょうか。後半はジョークです。ジョークですってば・・・
        親コメント
        • by 186 (25669) on 2006年10月30日 22時59分 (#1048500)

          タイトル部等の緑色の部分を変えずに他だけ背景色を変えるということなら,

          @-moz-document domain("slashdot.jp") {
                  body, #wrapper {
                      background-color: #eeeeee !important;
                  }
          }

          だけでいいみたいです.

          親コメント
    • Re:背景がまぶしすぎる (スコア:3, すばらしい洞察)

      by renja (12958) on 2006年10月30日 22時37分 (#1048473) 日記
      色が変更になった事でコントラストが高くなり、非常に読みづらくなりましたね。
      さらに緑のバーの部分のグラデーションがなんとも重苦しい雰囲気を出していて、
      読んでいて不快感を感じます。

      どうせデザインを変えるなら、ぱっと見のデザイン性を優先するのじゃなく、
      黒い文字なら背景をアイボリーやグレーにするとか、ダークグレーなど暗めの背景に白い文字とか
      もっと目に優しい色遣いにして欲しいものです。

      #デザイン優先で機能性や実用性が二の次というのは、
      #ニュースサイトとしてどうかと思いますね。ここに限った話じゃないですが。
      --

      ψアレゲな事を真面目にやることこそアレゲだと思う。
      親コメント
    • by PuckWing (31909) on 2006年10月30日 21時20分 (#1048399) 日記

      元コメントの前半に同意です.


      新しいテンプレートのデザイン・配色は素晴らしいところでありますが,それはポスターや広告向けのパッと見の「美しさ」であって,スラッシュドットのようなテキストのストーリーやコメントを時間をかけて読むには不適です.


      「サイト作成のすすめ〜コントラスト」 [moon.gn.to]では実例を挙げて解説していますが,確かに「黒―白」の極端なハイコントラストよりも「濃いグレー―白」もしくは「黒―薄いグレー」が見やすいです.


      と,いってもFirefoxなんかでは文字色ぐらい,ユーザースタイルシートで対応できそうなので,がんばってみます.

      親コメント
  • by Anonymous Coward on 2006年10月30日 20時17分 (#1048335)
    カルマボーナスの使用に関するデフォルト設定が変化していました。この件はちゃんと告知しないと誤って使ってしまう事例が続出するのではないでしょうか。見やすさに関しては私は変更後の方が良いと思いました。シンプルデザインOFF・省帯域モードONで使うことにしました。
  • スタイルシートを切った状態だと、
    「最近、メタモデレートしてますか? このページは○○○の ○○○用です。」というトップの文言の前に
    「古いストーリー」がずらずらと表示されます。どう考えても変なので、順序を入れ替えてほしいと思います。
    • by soltiox (25610) on 2006年10月30日 20時41分 (#1048359) 日記
      スラッシュボックスや、サイドバーの内容が、
      ストーリより上位に表示されるのは、いまひとつ不便。
      lynxでブラウズする時などに、結構邪魔です。
      親コメント
      • 確かにイマイチだとは思うんですが……こいつを変えるのはなかなか難しいです。
        上の方にあるテキストブラウザ用のページ内ジャンプを使ってみてください。
        --
        Tatsuki Sugiura
        親コメント
  • by Gomachan (17696) on 2006年10月30日 20時19分 (#1048337) 日記
    特に色合いも.
    Safari(@PowerBook)では各モードで問題なさそうです.省帯域モードが,一番読みやすいと思いました.
    投稿ページも,見やすくなっていますね.
  • 関連スレッド (スコア:1, 参考になる)

    by Anonymous Coward on 2006年10月30日 20時28分 (#1048345)
  • by Anonymous Coward on 2006年10月30日 20時28分 (#1048347)
    下か横に移動してほしい
  • by Anonymous Coward on 2006年10月30日 20時40分 (#1048356)
    ウィンドウ幅を狭めたときに右ブロックが下に追いやられる。
    最悪なコーディング。
    • by deleted user (29334) on 2006年10月30日 22時36分 (#1048472) ホームページ 日記
      これはよくないですね。
      理屈がよくわからない人はこちらなど [desperadoes.biz]を参照。
      まあ3ペインデザインはハナから狭い画面には向かないので、
      省帯域モードのチェックをオンにしてしまえばこの心配は減ります。
      この2ペインの状態では起きないので、divでの囲みの問題でしょう。

      現在主流なデザイン傾向化とTABLEデザイン取り止めは歓迎します。
      まだ4.0 Strictを名乗るにはだいぶ問題ありなコードを吐いてますが、
      前よりは断然マシでしょう。(無理せずTransitionalで良い様な…)
      私も含めて昔の人にはかなり読みにくくはなったと思いますが、
      ある程度迎合しておかないとニッチもサッチもいかんのが
      空気ってもんですからね。

      せめてストーリーとコメントの文字のサイズは同じにした方がいいかな。
      コメント部分の背景も、白背景とのコントラストがもう少しほしい所。
      中途半端に行間だけでなくコメント間にも余白があるので、
      もう少し全体の囲みが濃くないと目がシバシバします。
      ずっと見てるとゲシュタルト崩壊が…。
      フォントサイズの小ささは、UAの機能で変更するのが今後のトレンドでしょう。
      私自身、多くのサイトで表示して即マウスジェスチャーで
      フォントサイズを大きくするクセがついてます。
      --
      =-=-= The Inelegance(無粋な人) =-=-=
      親コメント
  • by NaKIT (13044) on 2006年10月30日 20時53分 (#1048374)
    IE6とFirefox2で見比べてみたのですが、 デザインはともかく、IEにおいて、インターネットオプション→フォントのWebページフォントが反映されず、本文がUIゴシック(?)になってしまっているのが悲しいです。
  • 妙にメタリック風に見えるのは私だけ? なんとなくきれいになった気はするけど、前の表示より目にしみる気がします。 日々長時間ディスプレイを眺めている/.の皆様の目には優しくないような(笑 慣れの問題でしょうか? とりあえずは色々と設定をいじって遊んでみます。
  • スタイルシートでフォントファミリー指定はできればやめて欲しいです……
    明朝フォントをデフォルトフォントにしているので、ゴシックになると違和感バリバリ。

    #ゴシック指定したがるサイトってなんで多いんだろう・・・
  • ブラウザの幅を800ピクセル程度にしていると、日記の表示幅が460程度しかなく、非常に読みづらいです。

    「省帯域モード」ですと、問題は解決できるのですが、今度はトップページで「アツイコメント Top10」と「スラッシュ国民投票」「日記の最新Top30」が表示されないのです。
    「省帯域モード」でスラッシュボックスのカスタマイズが有効になるナイスな方法はないですか?

    #日記なんて使うな!が正解なのかな?

    日記を使っている方々、お試しください。
    そして、何かいい手を~。
    --
    jmz
  • 省帯域モードを ON にするとスラッシュボックスの「ユーザースペース」が表示されません。
    確認に使用したブラウザは以下の通りです。
    - IE6SP2
    - Firefox 2.0
    - Opera 9.02

    なお、いずれも OS は WindowsXP Home SP2 で確認しました。
    --
    mobile ID portable_NoGood [slashdot.jp] 併用中
  • by gonta (11642) on 2006年10月30日 21時44分 (#1048426) 日記
    久々にスラドネタですね。乙です>関係者

    ついでに、スラド関連話。夏に(関東では)限定になったスラドオフ会ですが、忘年会と称して12月集合ってのはどうですかね。やるなら来るって人、どれくらいいます?
    --
    -- gonta --
    "May Macintosh be with you"
  • ストーリーを表示しているときに、右の関連リンクの上にある
    ユーザーページへのリンクがhttp://srad.jp/slash/~taka2みたいになっていて、たどれません。
    ストーリー表示のURLがhttp://srad.jp/artcle.pl… からhttp://srad.jp/slash/article.pl… に変わったせいでしょうか。
    個々のコメントを書き込んだユーザーへのリンクは問題なさそうなのですが。

    ていうか、今回の変更で、ログイン時は常に上部にユーザー設定バー?が表示されるようになったようなので、
    右側の表示は丸ごと要らないんじゃないでしょうか。
typodupeerror

あと、僕は馬鹿なことをするのは嫌いですよ (わざとやるとき以外は)。-- Larry Wall

読み込み中...