Semantic UIの意味化設計のフロントエンドフレームワーク

UIはWebの魂!Semantic UIは意味化された設計のフロントエンドフレームワークであり、城を攻めるために作成された多重化可能なオープンソースフロントエンドフレームワークである.
とくせい
曖昧な表現を捨てる
Semanticは自然交流言語をめぐって構築されており,開発がより直感的(理解しやすい)になる.
Semanticでは、任意のHTMLラベルを使用してUIコントロールを表現できます.
Semantic

    
    
2
    
3

Bootstrap

    
1
    
2
    
3

Semantic

Bootstrap

    Title
    

        
Home
        
Link
        
Link
        
Signed in as User
    

Senmatic

    
    Like it

Bootstrap

    
    Like

コンポーネントコードとのコミュニケーション
SemanticのUIコンポーネントは、リアルタイムのデバッグ出力を提供し、コードに何をしているのかを教えてくれます.
Webデバッグウィンドウを開く
SemanticはJavascriptの追跡デバッグを提供し、コンポーネントが何をしているのか、何をしているのかを教えてくれることを意味します.

$('.kitten.image')
.transition('scale in')
.transition('tada', '800ms')
;

コンポーネント
UI要素

Reveal

仕切り

ロードコントロール

イメージコントロール

アイコン

ねじり

ラベル

ヘッダーコントロール

ステップコントロール

断片コントロール

入力コントロール

プログレスバーコントロール

UIコレクション

メッセージコントロール

メッシュ(グリッド)システム

メニュー

フォーム

表

パンくず/ナビゲーションバー

UIビュー

Feed

Item(要素リスト)

リスト

コメントコントロール

UIモジュール

Shape

プルダウンリストモジュール

チェックボックスモジュール

ポップアップモジュール

アコーディオンモジュール

モダリティダイアログ

スコアモジュール

調光器(マスク層)

サイドバー

遷移(アニメーション)エフェクト

検証フォーム

プロジェクトホームページGitHub