読者です 読者をやめる 読者になる 読者になる

江戸一番のジャスタウェイ職人のブログ

江戸一番のジャスタウェイ職人

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

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

初期状態
f:id:s-aska:20130221225101p:plain

ラベル非表示、かなりスッキリする
f:id:s-aska:20130221224808p:plain

ツールバーを展開
f:id:s-aska:20130221224813p:plain

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

/*
 * 表示切り替え
 */
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;
}