Semantic UIのダウンロード - Semantic UIソースコードのダウンロード

Semantic UI

その他のソースコード

Version 2.5.0 - Oct 6, 2022

ダウンロード

セマンティックUI

Semantic は、テーマ用に設計された UI フレームワークです。

主な特長

50以上のUI要素
3000 + CSS 変数
3 レベルの変数継承 (SublimeText と同様)
レスポンシブデザイン向けに EM 値を使用して構築
フレックスボックスフレンドリー

Semantic を使用すると、開発者は簡潔な HTML 、直感的な JavaScript 、簡略化されたデバッグを使用して美しい Web サイトを迅速に構築でき、フロントエンド開発を楽しい体験にすることができます。セマンティックはレスポンシブに設計されており、Web サイトを複数のデバイスで拡張できるようになります。 Semantic は本番環境に対応しており、 React 、 Angular 、 Meteor 、 Emberなどのフレームワークと連携しています。つまり、これらのフレームワークのいずれかと統合して、アプリケーションロジックと一緒に UI レイヤーを編成できます。

2.5.0 リリース (2022 年 10 月 6 日)

Semantic UI が Node 18 および Gulp 4 と互換性を持つようになりました。

ユーザーサポート

問題トラッカーの整理にご協力ください。特定の JSFiddle テストケース (バグレポート) や機能リクエストを含まない技術的な質問については、StackOverflow を使用して解決策を見つけてください。

GitHub Issues に投稿すべき内容の詳細については、貢献ガイドをご覧ください。

インストール

推奨されるインストール

npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

セマンティック UI には、プロジェクトのセットアップを支援する対話型インストーラーが含まれています。

セットアップの詳細については、スタートガイドをご覧ください。
テーマの詳細については、テーマガイドをお読みください。

追加バージョン

環境	インストールスクリプト	リポジトリ
CSSのみ	`npm install semantic-ui-css`	CSS リポジトリ
未満のみ	`npm install semantic-ui-less`	リポジトリを減らす
LESSプラグイン	`npm install less-plugin-semantic-ui`	プラグインリポジトリが少ない
EmberJS	`ember install:addon semantic-ui-ember`	残り火リポジトリ
流星 - 少ない	`meteor add semantic:ui`	流星レポ
流星 - CSS	`meteor add semantic:ui-css`	CSS リポジトリ
バウアー	`bower install semantic-ui`

その他のオプションについては、統合 Wiki をご覧ください。

ブラウザのサポート

過去 2 つのバージョン FF、Chrome、Safari Mac
IE11+
Android 4.4 以降、Android 44 以降の Chrome
iOS サファリ 7+
Microsoft Edge 12+

一部のコンポーネントは IE9 で動作しますが、グリッドおよびその他のフレックスボックスコンポーネントは IE9 ではサポートされていないため、正しく表示されない可能性があります。

コミュニティ

助けを求める

使用方法に関する質問を GitHub の問題に投稿しないでください。このような種類の質問については、Gitter チャットルームまたは StackOverflow を使用してください。

バグと機能拡張の送信

GitHub Issues は、機能強化の提案とバグの報告を目的としています。バグを送信する前に、必ず次のことを行ってください。

リリースサイクルに関する情報については、貢献ガイドをご覧ください。
このボイラープレート JSFiddle をフォークして、バグのテストケースを作成します。ドキュメント内でバグが明らかな場合は、テストケースとしては問題ありませんが、問題を再現する方法を正確に明確にしてください。テストケースを含むバグのみを優先順位付けできます。

プルリクエスト

プルリクエストを追加するときは、必ず次のブランチにマージしてください。 nextリリースで修正をデモする必要がある場合は、この JSFiddle を使用できます。

国際的

中国語中国語のミラーサイトは http://www.semantic-ui.cn で利用できます。
Right-to-Left (RTL) RTL バージョンは、ビルドツールを使用してインストールスクリプトからrtl選択することで作成できます。
翻訳翻訳を支援するには、Wiki ガイドの翻訳を参照してください。

リソース

リソース	説明
バグと機能のリクエスト	すべてのバグの提出には、テストケースへのリンクと、問題を再現するための一連の手順が必要です。この JSFiddle をフォークしてテストケースを作成し、GitHub Issues にバグレポートを送信できます。
ライブチャット	Gitter.im ルームに参加してください
ニュースレターの更新情報	semantic-ui.com で更新情報を受け取るためにサインアップしてください
追加リソース	StackOverflow で質問を送信するか、Google グループに問い合わせてください

助けてくれる場所

プロジェクト	助ける方法	次のステップ
ローカリゼーション	セマンティック UI をあなたの言語に翻訳するのにご協力ください。	翻訳コミュニティに参加してください
SCSS	SASS には`@import`内の変数をサポートするための PR が必要です	#739 のプルリクエストを追加
角度のある	Angular バインディングの開発を支援する	GitHub の問題について問い合わせる
ガイドとチュートリアル	ガイドとチュートリアルの作成を支援する	ディスカッションに参加する