CSS Frameworks
Page content
Vue.js に適用したいデザイン、CSS フレームワークを探す観点で調べました。
CSS フレームワーク調査
- 凡例
### CSS フレームワーク系統 - それを採用している 実装・フレームワーク - コメント
bootstrap (original by Twitter)
で十分な気もします。が、見飽きたのはその通り(凝れば新鮮味あるのだろうが)
vue-argon-dashboard 然り, 色々あるよね
- jQuery との競合とか気になりつつも本当に起きるのかしら?
vue-strap というのもある (https://yuche.github.io/vue-strap/)
- これが本当に競合しないなら、使いそうな部品は揃っていそうに見える
Flexbox (CSSレイアウトモジュールらしい)
- Bulma
- これ推しの記事があって説明に納得感はあるので調査の価値あり (https://qiita.com/sakapun/items/33690e282827ff019bec)
- Bulma does not include any JavaScript interaction.
- class 指定するだけでほぼ動く
ElementUI
- vue-element-admin
- デザインテンプレートとして人気だそうですが、使い勝手どうなのでしょうね?
- ElementUI 自身がいまいち自分に馴染みそうにない(class 指定ではない書き方, たまに出てくる中国語)(https://qiita.com/sakapun/items/33690e282827ff019bec)
Material Design 系
Material Design とはデザイン手法のガイドラインを指し、 google が提唱。 自分の近所では流行っていそう。
- Vuetify.js
- vue における css framework だそうで. (https://sitest.jp/blog/?p=11329)
- contributor に会えたのでちょっとやる気出てる