使いながら利用者とともに成長するUI

最初はボタンにラベルとかあってわかりやすく、把握したら隠してスッキリと、使う機能だけ展開しておけばゴチャゴチャしない

初期状態

ラベル非表示、かなりスッキリする

ツールバーを展開

※画像は開発中のものです

/*
 * 表示切り替え
 */
body:not(.display-help) .help,
body:not(.display-sort) .btn-group-sort a:nth-child(n+2),
body:not(.display-filter) .btn-group-filter a:nth-child(n+2),
body:not(.display-switch) .btn-group-switch a:nth-child(n+2),
body:not(.display-tag) .btn-group-tag a:nth-child(n+2) {
	display: none;
}
body:not(.display-sort) .btn-group-sort a:first-child,
body:not(.display-filter) .btn-group-filter a:first-child,
body:not(.display-switch) .btn-group-switch a:first-child,
body:not(.display-tag) .btn-group-tag a:first-child {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}