semantic-uiはBoostrapよりはるかに洗練されて見えた。
前回
調べてみた
semantic-uiなら木構造表示できるらしい。
https://semantic-ui.com/elements/list.html
パンくずリストがあった。
https://semantic-ui.com/collections/breadcrumb.html
国旗まである。
https://semantic-ui.com/elements/flag.html
アイコン。Font Awesome 4.5.6を使っているらしい。本家よりよく分類できていないか?
https://semantic-ui.com/elements/icon.html
セグメント。ネストにより包含関係を表現できる。
https://semantic-ui.com/elements/segment.html
GitHubの登録画面で見たUI。
https://semantic-ui.com/elements/step.html
ほかのCSSフレームワーク
semantic-uiを見たあとだと以下は残念に思えてしまう。
【2016年冬】最新CSSフレームワークまとめ - Qiita
- foundation
- 何もかもがダサい。とくにスピナー(数値コンボボックス)が時代に取り残されている感満載。
- materializecss
- breadcrumbs
- ダサい。クリックしたら点線の囲いが表示される。
- breadcrumbs
- [material-ui](Material-UI]
- semantic-uiに比べると遅くて野暮ったくてダサい
所感
semantic-uiはBoostrapよりカッコイイ。ビジュアルが洗練されている。先鋭的なUIが多く表現の幅が広い。使うならsemantic-uiにしよう。