Semantic-UIについて調べてみた

semantic-uiはBoostrapよりはるかに洗練されて見えた。

前回

• http://ytyaru.hatenablog.com/entry/2018/02/12/000000

調べてみた

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
    • ダサい。クリックしたら点線の囲いが表示される。
• [material-ui](Material-UI]
  • semantic-uiに比べると遅くて野暮ったくてダサい

所感

semantic-uiはBoostrapよりカッコイイ。ビジュアルが洗練されている。先鋭的なUIが多く表現の幅が広い。使うならsemantic-uiにしよう。