トレンドを非表示にして、メインカラムを大きくする。
[data-testid="sidebarColumn"] {
display: none;
}
[data-testid="primaryColumn"] {
max-width: 95%;
}
[data-testid="primaryColumn"] * {
max-width: 100%;
}
カスタマイズ時のHMTLの要素の指定は、「なるべく変更に強そうな属性」を使ったカスタマイズを検討する。Twitter の HTML に指定されるCSS クラス要素は機械的なものが多かったので、なるべく意味がありそうな属性を探してみた。今回のスタイルシートは、ユーザーのA/Bテストでデザインが違う場合には対処できないかも知れない。
デザインが崩れたら、またそれらしい属性を探すこととする。
Stylusとは
ブラウザにユーザースタイルシートを適用するプラグイン。普段見ているサイトのデザインを自分好みに調整できる。
https://github.com/openstyles/stylus#releases Releases
- Chrome Web Store (or beta)
- Firefox add-ons
- Opera add-ons (see wiki for more recent version)
Stylusには各種ブラウザの機能拡張が存在するので、好きなものを使う。
