メニュー
2.5.0

Semantic UI ユーザーインターフェースはウェブの言語です

はじめる 2.4の新機能

美しいウェブサイトをすばやくデザイン

Semanticは、人間が理解しやすいHTMLを使用して、美しくレスポンシブなレイアウトを作成するのに役立つ開発フレームワークです。

簡潔なHTML

Semantic UIは、単語とクラスを交換可能な概念として扱います。

クラスは、名詞/修飾語の関係、語順、複数形など、自然言語の構文を使用して、概念を直感的にリンクします。

BEMSMACSSと同じメリットが得られますが、退屈さはありません。

1
2
3

直感的なJavaScript

Semanticは、機能を発動するビヘイビアと呼ばれる単純なフレーズを使用します。

コンポーネントの任意の設定は、開発者が変更できる設定として含まれています。

デバッグの簡略化

パフォーマンスロギングを使用すると、スタックトレースを掘り下げなくても、ボトルネックを追跡できます。

現在、開発ツールにアクセスできませんか?この短いクリップをご覧ください。

信じられないほどのテーマ設定

Semanticには、直感的な継承システムと、デザインを完全に自由に行うことができる高度なテーマ設定変数があります。

UIを一度開発したら、同じコードであらゆる場所にデプロイできます。

表示
カートに入れる
後で保存
評価
1
2
3

変数ファイル

オーバーライドファイル

3000以上のテーマ設定変数

このフレームワークの唯一のドグマ: 任意のものすべてが変更可能です。

テーマ設定ガイド

50以上のUIコンポーネント

1つのUIスタックでサイト全体を構築します。複数のプロジェクト間でUIを共有します。

UIを参照

5000以上のコミット

Semantic UIは、すでに複数の大規模本番環境で使用されている無料のオープンソースプロジェクトです。

GitHubにアクセス

信じられないほどの幅

定義はページのボタンだけではありません。Semanticのコンポーネントでは、要素、コレクション、ビュー、モジュール、ビヘイビアなど、インターフェイス設計のあらゆる範囲をカバーするいくつかの異なるタイプの定義が可能です。

レイアウトの例を見る

区切り線

A
または
B

アコーディオン

メッセージ

このサイトはクッキーを使用しています
助けが必要ですか?
プロファイルページを作成しています

すぐに完了します。

ドロップダウン

入力

検索
http://

チェックボックス

レスポンシブデザイン

Semanticは、em単位で完全に設計されており、レスポンシブなサイズ変更が簡単です。要素に組み込まれたデザインのバリエーションにより、タブレットやモバイルでコンテンツをどのように調整するかを選択できます。

レスポンシブの例

お気に入りのライブラリと連携

Semanticは、React、Angular、Meteor、Emberなど、多くのフレームワークと統合されており、アプリケーションロジックと一緒にUIレイヤーを整理できます。

統合を見る

開発を解放

エンタープライズ対応

ビルドツール、パフォーマンスロギング、カスタム定義のサポート、多段階のテーマ継承—開発者の夢です。

今すぐ始める