2017年10月9日月曜日

Suave UI – AngularJSと組み合わせて使いたいUIフレームワーク

勉強用に転載しました。
転載元はこちら

JavaScriptを活用したWebアプリケーション開発の流れが広まっています。JavaScriptアプリケーションが大型化すれば、自然とフレームワークを欲するようになります。AngularJS、Ember、Backboneあたりが有名でしょうか。
今回はAngularJSをターゲットにしたプロダクト、Suave UIを紹介します。AngularJSと組み合わせて使うと便利なUIフレームワークになります。

Suave UIの使い方


まずはグリッド。
まずはグリッド。


ツールチップ表示。
ツールチップ表示。


しかも多段対応。
しかも多段対応。


モーダル。スクロールにも対応しています。
モーダル。スクロールにも対応しています。


プレースホルダー。
プレースホルダー。


ドロップダウン。
ドロップダウン。


通知。上下どちらにも出せます。
通知。上下どちらにも出せます。


フレームやリスト、水平線。
フレームやリスト、水平線。


ボタン。
ボタン。


アイコン付きボタンもいけます。
アイコン付きボタンもいけます。

Suave UIはAngularJSに対応した部分において、su-*というプリフィックスを持っています。スタイルシートについてもsu-*をつけて使います。UI周りで従来のライブラリを使うと、そこだけAngularJSと違う書き方になって浮いてしまうことがあります。Suave UIを使ってUIとスクリプトが親和性高い状態を維持しましょう。
Suave UIはJavaScript/AngularJS製、MIT Licenseのオープンソース・ソフトウェアです。
uoziod/suave-ui

ーーー
Angularより優れたJavaScriptフレームワークとしての
Meteor(ミーティア)のご紹介はこちら

0 コメント:

コメントを投稿