ニコニコ大百科

スマホの新しい表示。
かっこいいんだけど、黒の太字じゃなくて赤の太字に変えてほしいなあ。でないと更新に気付きにくいよ…

おお、新しくなったのか
個人的にすごく良くなった部分はあるんだけど、手直ししないといけない部分が出てきたな

表組にある程度罫線入れてくれないと若干見づらいんだよなあこれ
シンプル化された分なおさらで

変えるなら変えるでPC版と整合性を取って欲しい

わーい何この仕様変更…
スマホとPC版でデザインがますます乖離してしまったので少しでも凝ったレイアウトにしようとした記事は全滅。
行間の調整とかそういうのは歓迎なんだ、でも見出しの装飾とかまで変えてしまったらデザインに依存したページの中には存続不能なのも出てくるんだぞ……
デザインをいじるなって言われたらそれまでだけど、何のためのCSS実装やねんと。
愚痴ってすみません。でもこの嘆きは表明せずにはいられないほどダメージがでかい。

スマホ版を新しくするなら、編集時にスマホ版のプレビューをできるようにしてほしい
投稿してスマホ版確認してダメだったら編集し直して再び投稿・・・ってかなり手間
そういうユーザースクリプトがあったけどリニューアルで使えなくなってしまった
>>3335
わかりますよ
スマホ版ができてからずっと問題だったけど今回のリニューアルで更に大きくなってしまった

まぁ見やすくはなったな

とりあえず私が確認した影響の大きいものは
1. 特に指定がされていない限り、見出し2の左の境界線がオレンジ色に。
2. 見出し3以下、背景画像の指定の有無を問わず強制的に「■」が表示される。
3. 見出し3以下、背景画像を指定してかつ繰り返しに関する指定をしていない場合、背景画像が繰り返し表示される（リニューアル前は「no-repeat」がデフォルト）。
4. 背景画像の指定を問わず、箇条書きのアイコンがすべて灰色に。

上の方の2.に補足すると、見出し3（h3）以降の■はbefore:擬似要素で指定されていて、現状ではどうあがいても取り除く方法がない（ですよね？）。

見出し3マジかあ、どうしようもないじゃないか・・・(ﾉД`)
リニューアル版CSS探してみたけど
https://dic.nicovideo.jp/css/style.css?s=104
で合ってます？

>>3340（2018/04/02(月) 18:58:46 ID: IMqLSbERXi）
そのようです。
ついでにliのマーカーも擬似要素で処理されていることが判明（いやがらせかよ！）

見栄えを整えるためにh3やliをdivなどで置き換えるか否か。編集者としての矜持とか良心とか色々な物と格闘中……

>>3341
ありがとうございます
リストも地味に、いやかなり痛いですねぇ・・・
本当にいやがらせみたい
運営から遠回しにこれからはデザインいじらないでねって言われている気分・・・

元々パソコン版を意識してデザインを変えてるんだ
スマホ版は出かけてる最中に見れればいいやって感覚だし、パソコン版に切り替えることはできるしな

たびたびすみません。
ulでは問答無用でマーカーがつきますが、olでは逆に番号がデフォルトで消えることが判明しました。これを回避するには各liにlist-style-typeを指定するという不毛なことをしなければいけません。
olで番号を表示している脚注は手出しできないので対策不能！
これはさすがに不具合と言っていいですよね？

スマホ版、見た目のためだけに
div>hr+h1+hr (CSS的な表現)
何てマークアップされててアレ。

というかPC版スマホ版共にW3CのValidaterに投げたらInvalidだし……

仕方ない。ごく普通の見出しでも、線が反映されるhtmlを組むか。線なしはやはり気になる

携帯版でCSSがあまり使われてないのって、今のスマホだけじゃなく昔のものにも対応しようとしてるんだろうか?

あと文書型宣言がDTDじゃなくて「DRD」になってるのはtypo? <DRD XHTML Mobile 1.0

ドット絵に新しいレスがあったので見てみたら、でかくなっててぎゃーってなったわ

スマホ版のデザイン変更に対応するって言って一覧をolからulに変えて回ってる編集者いるけど
スマホ版が不便になったからって不便な方にあわせてPC版まで不便にしてどうするんだ

>>3349
まあそういうのは自分の編集分野で同じことされたら差し戻すさ。
別途1.ってつければいいのをなんで思いつかないんだろうな。

>>3349-3350
olは順番が重要なやつ、ulは順不同で良いやつ、と意味が違うから、「1.」とか付ければ良いというわけでもない。

なるほどな。だが緊急でやるべき案件とも思えない

>>3344の方も触れていますが、現状<ol> をPC版と同じように機能させるには、<li>に「list-style-type: decimal;」と設定することで対処できます。
ただしそれでもスマホ版では数字が隠れてしまうので、padding-leftかmargin-leftで適宜対応する必要があります。

スマホ版で記事検索したらいつもは出てた
最後に記事編集した時間とレスした時間が消えてるんだけど
これ表示する方法ってあるの？

＞olは順番が重要なやつ、ulは順不同で良いやつ、と意味が違う

つまり、
＞スマホ版のデザイン変更に対応するって言って一覧をolからulに変えて回ってる
という編集を片っ端からやりまくるのは良くないという事になるな……。

うーん、見た所ol→ulに変更された記事はどれも曖昧さ回避記事で、olを使う必然性が薄いものばかりだったのでスマホ対策としてはありだと思いますけどねえ（優先順位が高いかと言えば別問題）。
ちなみに曖昧さ回避記事の中には元からulを使っている物がかなりあります。
というか、私は>>3344でolの対策法に言及しましたが、こんな指定（＋α）を全てのli要素に突っ込んで記事をメンテナンスしにくくしてしまうくらいなら、ulへの切替は一考の余地があると考えます。

話は変わりますが、「スマートフォン版ニコニコ大百科」という記事を作成していてその中で現状の問題点もまとめようと思うのですが、需要あるでしょうかね？
表示の違いについては最終的には「ニコニコ大百科:HTML各要素のデフォルトCSS」にまとめればいいのでしょうけれども、現時点では「何が問題か」「どう対応すればいいのか」という観点からのまとめがほしいと思うのです。

>>3356
いいと思います。私も書きかけてましたし。
初版はお任せしたほうがいいのかな？

>>3356->>3357
作っていただけるといち編集者として大変助かります

>>3357
ありがとうございます。表明しておいてよかった……
今数えたらタグを除いて4400文字くらい書いちゃってます。というか最初は「スマートフォン版」という記事を作ってその中で解説するつもりだったんですが、明らかに分量が多くなってしまったので2つの記事を切り離して並行作業中です。
そちらはいかがでしょうか。もし完成間近であればそちらにお任せして私の方から内容を追加することもできますが。

>>3359
それほどの文章量は書いていないので、そちらで投稿された方がいいと思います。何かあれば投稿された記事に追記いたします。