ページ全体のスタイルを見直す議論

議論ほか、報告、ページ内で気になる点などあれば最下部のコメント欄にお願いします。

提案内容と経緯

少し技術的な提案内容になります。
現行のユーザ定義CSSを見直して、可読性を高めたり、レイアウトしやすくしたい。
現状できる装飾にも限界があり、class指定して装飾を豊かにする。

まず全体的にページのフォントサイズが小さいです。
見にくい上、情報が1ページにぎっしり詰まってるので見つけたかったテキストも埋もれてます。ストレスも貯まることでしょう。

特にコード表示すると分かるかと思いますが、文字がかなり小さく(約10px)なります。

このようになります。どうですか漢字に成るとより見にくくなりますか?

atwikiモードではテーブルの 横サイズを 指定できません
そのため テーブルを分割すると サイズがばらつきます

現代のCSS(3)なら 調整も 可能です

CSS3の前にブラウザシェアについてですが https://www.netmarketshare.com/ をみてもIEは12%です。
アジアではIEの利用率が高いかもしれませんがIE11以外を切り捨てても問題は無いかと思います。

これは管理者への要望なのですが、Minecraft Japan Wikiのテンプレートバージョンを1から2に変更してほしい。
現在のテンプレートバージョン1ではカラムの取り方が1と2で変わってくるため、デザイン的な部分に影響が出てくる。

以下、表示サンプル

要旨

ページの記述についての要点は以下の通りです。

  • ある程度のマージンをとり、窮屈な状態から脱出する
  • ページ全体のフォントサイズを見直して(大きくする)可動性を高める
  • フォントファミリーをsans-serifに統一する
    • ただしWebフォントを使うのは無し、フォントの綺麗さよりも見やすさと統一は内蔵のsans-serifで十分許容出来る範囲。
  • 装飾を豊かにしてテーブル等での装飾をやめさせる

懸念点

文字が大きくなると文字の送り返しが多発します。
コレで工夫していたページは一気にレイアウトが崩れます。

特に左メニューが大変なことに成るかと思いますが
回避案としてはフォントサイズは一回り小さい物にして、折り返し無効化、オーバーフローさせる。またリストの点を除去して左にもっと寄せる。

上記でもブラウザシェアについてふれましたが、古いブラウザーが未対応になる(表示が崩れる)。ただ近年古いブラウザを使ってるユーザーはごく一部です。

提案するCSSコード


後に貼ります

コメント/議論は以下にお願いします。

  • サンプルは良い感じだと思います。本文はともかく、左のメニューの文字サイズはこれまでが小さすぎ、かつメニュー幅も狭いと思っていました。 -- 名無しさん (2018-06-04 07:41:41)
  • (2019年2月1日実施予定) [重要] 旧デザイン(いわゆるver1)テンプレート終了について  ttps://atwiki.jp/news/465 デザインをVer2あるいは3にしておかないとデザイン崩れますよ -- 通りすがり (2019-01-18 11:45:20)
    • そうなると、テンプレートバージョンの変更は決定事項ということで、管理人に連絡したほうが良いでしょうか?或いは、すでにバージョン2もしくは3になっているのでしょうか。 -- 名無しさん (2019-01-24 19:03:08)
  • 報告ありがとうございます。「自動的に移行」とのことで変更する必要はありませんが、カスタムCSSを使ってる場合、これをアテにしたページは崩れるかと思います。 -- sts2657 (2019-01-26 03:43:02)
  • デフォルトのCSSが変更されたみたいですが、字が見にくいですね。ブラウザのアドオンで濃くしていますが、https://i.imgur.com/xepNjqh.png なんとかできないでしょうかね・・・。 -- 名無しさん (2019-02-01 19:06:56)
  • なんか急にページデザインが変わったと思ったらこれか。普通に前のままの方が見やすいから戻してほしいです・・・ -- 名無しさん (2019-02-01 19:45:15)
  • デザインテンプレートの自動移行に関する話題は、このページではなく運営掲示板にて行ったほうが良いでしょうか?CSSではなく、テンプレートの問題なので...。 -- 名無しさん (2019-02-01 20:31:58)
  • ここはいわゆるレイアウト(CSSを変更の提案をしたいという場)を見直す議論するページであり、これに関係したコメントだけでお願いします。今回の「デザインテンプレート」自動移行とは関係ありません。 -- STS2657 (2019-02-02 02:00:44)
  • 後の閲覧者の方々が確認できるように書き込んでおきます。以下引用『2月4日に、この件は管理者の方による以前に近いテンプレートへの変更によって解決しました。報告を怠って誤解を招いてしまいすみません。 - コメントツリー主 (2019-02-19 23:34:08)』 -- chal (2019-02-23 09:58:15)
名前:
コメント: