Semantic UI

ソフトウェアのスクリーンショット:
Semantic UI
ソフトウェアの詳細:
バージョン: 2.1.8 更新
日付のアップロード: 10 Feb 16
開発者: Jack Lukic
ライセンス: 無料
人気: 128

Rating: 2.5/5 (Total Votes: 4)

セマンティックUIはUIウィジェットの富を提供することに焦点を当てていないだけでなく、それを見て、誰もが、コードが何をするか知っていることができ、これらのコンポーネントが書かれている方法に焦点を当てています。

これにより、セマンティックパワードUIがないだけで書くのは簡単ですが、簡単に、後の点で変更します。

セマンティックUIは、箱から出して既製の部品をたっぷり使って来て、CSSとLESSで提供されます。

このリリースで新しく追加されます:



新しいUI:
コンテナ - コンテナページの内容を保持するためのもの固定幅のコンテナであり、UIページグリッドへの単純な代替物である、ドキュメント内のより多くの例を見ます
複数選択 - 新複数のドロップダウン・タイプが追加されました。多くの新しいドロップダウン改善はAPIリクエストを介してタグ付け/トークン化機能とデータのロードを含む追加されました。
埋め込み - 新しい埋め込みコンポーネントは、それらの縦横比を維持応答のiframe埋め込みを可能にします。埋め込みは、ユーザーがビデオと対話することを選択するまで、サードパーティのライブラリをロードすることを避けるために、プレースホルダのコンテンツとともに、YouTubeやVimeoの動画で使用することができます。
主な機能強化:
サイト - 茶色とグレーの新色のオリーブ、バイオレット、追加しました。これらは、カラーバリエーションを持つすべての要素で使用できます。
API - APIは嘲笑応答、およびカスタムAJAX要求で使用することができます。 mockResponseは、予め指定されたJSONオブジェクト、または同期関数コールバックで要求を解決するために追加されました。
API mockResponseAsyncは、カスタム非同期リクエストに追加されました。これは、AJAXリクエストをラップすることがありエンバーや角度などのライブラリとの統合を支援し、API要求を解決するために、カスタムの非同期コールバックを指定することができます。
API - APIのコールバックは、今、それが成功したか失敗したかの条件のために他のコールバックによって解析される前に、サーバの応答を調整することができonResponseコールバックを持っています。
「ローカル」: - API APIは現在、キャッシュを使用することにより、同一のURLのサーバー・ラウンドトリップを回避するために、設定のローカルキャッシュ機能を提供します。これはデフォルトで有効になっていません。ローカルキャッシュは、オートコンプリートを照会するとき、たとえば、単一のセッションで同じ値を返す必要があり、結果のために有用です。
カード - カードは現在、複数のカスタムコンテンツブロックをサポートしています。コンテンツブロックとイメージはどのような順序で表示することができます。
チェックボックス - チェックボックスは、もは​​や機能するためにJavaScriptを必要としません。
チェックボックス - 新しいスタイリングとともに、不確定のチェックボックスのサポートが追加されました。
チェックボックス - 今すぐチェックを対確認されたコールバックのセットを呼び出すことなく、状態の変化をトリガするための個別の行動を含み
ドロップダウン - 検索の選択は、リモートデータセットに対してクエリできるようにするためには、ドロップダウンを使用して、リモートAPIの統合を追加しました。
ディマー - 調光器は今淡色表示時にガラスのような効果を適用するぼかしバリエーションを持っています
ドロップダウン - ドロップダウンが自動的にメニューの変化を観察し、新たに追加してセレクタキャッシュを更新します
ドロップダウン - allowAdditionsを使用して、すべての検索選択のドロップダウンメニュー(マルチ/シングル)にカスタムの選択肢を追加する機能を追加しました:trueに設定します。検索は現在、すべてのケースで無い結果にエラーメッセージが表示されます。
ドロップダウン - キーボードショートカットは、たとえば、ドロップダウンの選択肢を選択するために追加された「N」nativebehaviorに似た状態の選択リストで「ニューヨーク」にスクロールします。
ドロップダウン - ドロップダウンをスクロールすると、メニューをスクロールする新しいドロップダウンバリエーションが追加されましたが、これは、ドロップダウンメニューの内部スクロール可能なセクションを含めるために使用することができます。
ドロップダウン - の下に表示する十分なスペースがない場合は、ドロップダウンが自動的に上向きにアニメーション化されます。
ドロップダウン - 使用してページアップ、ページダウンキーは今一度にページごとのメニューをスクロールします
フォーム - フォームは現在、フィールド・グループを作成するためのフレキシボックスを使用します。インラインフィールドは現在、フレックスを使用して、(x)のワイドサイズをサポート
グリッドは - グリッドは今フレキシボックスを使用し、カラムは現在、デフォルトではすべて同じ高さです。ストレッチのような新しいフレキシボックスアライメントタイプが容易に垂直配向のために追加されました。
- 複数のUIコンポーネントの多くは、現在のフォントサイズのような以前の混乱の修正を意味するフレキシボックス、使用する:0;インラインブロックからホワイトスペースを削除することはもはや必要ではありません。このハックを削除し、今任意の要素は、グリッドやメニューの直接の子にできることを意味します。
モーダル - ぼかしと自動的に反転やにじみのいずれかにモーダルの調光器設定する反転新しい設定が追加されました。
メニュー - メニューは現在、フレキシボックスを使用しています。これは、メニュー項目に関係なく、各項目内容サイズの互いの高さを一致させることができます。右のメニューの内容は今の代わりに(もはやフロートを使用しています)それに先行する他のメニュー内容に従ってください。
グリッド - グリッド今デフォルトでフレキシボックスと同じ高さであり、同じ高さの変化を安全に取り外すことができます
ポップアップ - ポップアップは、複数の位置をテストする場合は特に、大幅にパフォーマンスを向上させるために書き直されました。
移行 - フォールバックJavaScriptのアニメーションは、パフォーマンスを高めるために、ドロップダウンやポップアップなどのUIコンポーネントから削除されました。目に見える、::これはのような高価な擬似セレクターの必要性を除去し、アニメーションや:隠され、ファイルサイズを削減します。
フォーム検証 - フォームの検証は現在、単一の設定は、他のモジュールと同様にオブジェクトを使用しています。 (フィールド、設定)を使用すると、引き続き動作しますが、コンソールで非推奨の通知が生成されます
フォーム検証 - フォームの検証について具体的に複数の値を選択で使用するためのいくつかを含む多くの新しい検証ルールをサポートしています。
アイテム - アイテムは、レイアウトのフレキシボックスを使用しています。
メッセージ - アイコンメッセージは、現在のレイアウトのためのフレキシボックスを使用しています
メニュー - 垂直板状のメニュー、垂直タブメニューが追加されました
入力 - すべての入力タイプは、レイアウトのためのフレキシボックスを使用します
セグメント - セグメントは現在、セグメントグループは、グループ内に表示する方法のための複雑なネスト、多くの新しいルールをサポート
区分 - 新しい水平方向のセグメントグループは、はるかに容易に自動リサイズテキスト列をレイアウトします。
サイドバー - サイドバーを使用する場合にiOSが正しく文書または身体のためにscrollTopスプライト値を報告します。 iOSのChromeは、もはやサイドバーを使用した場合、すぐに付着していない固定コンテンツに問題がありません。
図形 - 図形が正しく両側のマージンのための調整します
ステップ - ステップ今フレキシボックスを使用し、各ステップ内の流体のステップになりましセンターコンテンツ
ステップ - ステップもはやアイテム数を必要とし、自動的に均等に分割します
トランジション - トランジションコードがパフォーマンスを向上させるために最適化されています。最初のアニメーションに100%の改善、およびその後のアニメーションに40%改善。
可視性 - ({タイプ: '固定'}).visibilityを使用するには、自動的にそれがビューポートに接続されている場合要素と場所を交換しますプレースホルダ要素を追加します。これは、固定されたコンテンツが大幅に簡単にする必要があります。
可視性 - 可視性と粘着性は今だけコンテキストスクロールに単一のイベントを添付しますよりパフォーマンスパブ/サブパターンを使用します。
可視性 - 2つの新しい可視性のコールバックを追加しましたonOnScreenし、発生onOffScreenは、ほとんど明らか素子は、第1に、またはブラウザのビューポートの外に表示されたとき。
機能強化:
サイト - 複数の境界色、アクセント、および色と一緒に、すべてのUI inputPadding渡って入力サイズを制御する能力を含む多くの新しいサイト変数を、追加しました。
アコーディオン - (アニメーションの後に)開く時、OnCloseので行くことに(アニメーション前)onOpeningとonClosingコールバックを追加します
アコーディオン - アコーディオントリガイベントを指定するための設定に追加しました。
アクティビティフィード - アクティビティフィードは、フレキシボックスを使用するように書き直されました
API - APIはthrottleFirstRequestとinterruptRequests新しい設定があります。新しい要求を行うときに割り込み要求が要素上で前の要求を中止します。 throttleFirstRequestは、スロットル期間が指定されている場合、最初の要求または唯一の後続の要求が絞られるべきであるかどうかを設定します。
ビルドツール - テーマファイルが欠落しているかの要素が使用できないテーマを指定した場合のビルドツールは、予め指定されたエラーが表示されます。
ビルドツール - 調整site.variablesは今だけでなくsite.lessの、すべてのUIを再構築します
ボタン - を追加しました:すべてのボタンタイプのためのフォーカススタイルは、ドキュメント内のすべてのボタンの例は、現在のキーボードのいずれかを使用してフォーカス可能かtabindexを適切です。
カード - カードは今中心の変動を含んでいます
チェックボックス - チェックボックスは、現在優雅に正しい行動は、子入力要素の代わりに、UIチェックボックスで呼び出されます。
チェックボックス - アイコンフォントの縮小キロバイトサイズ
分周器 - UIグリッド内部の垂直分割器は今、列のパディングを占めます
ドロップダウン - ネストされたスクロールメニュー今、例えば、キーボードの選択をサポートリンゴ、およびキーボードのスクロール用の「A」を押します。
ドロップダウン - ドロップダウンは、テキスト、値、またはその両方に一致するかどうかを指定するには、マッチの設定を持っています
ドロップダウン - マルチ選択のドロップダウンは今、最大選択数を指定するための新しい設定を持っています
ドロップダウン - ドロップダウンは、JavaScriptでプレースホルダのテキストを設定するための新しいプレースホルダが設定されてい
ドロップダウン - ドロップダウンメニューがフォーカスで表示するかどうかを指定することができますが追加されましたshowOnFocusオプション
ドロップダウン - fullTextSearch:真は今あいまい検索を使用しています(同じUIの検索など)
ドロップダウン - 今ダウンページとページアップ、ドロップダウンメニューで動作します
ドロップダウン - オプションで無効に小道具を使用して初期化ドロップダウンが正しく無効になって表示されます。
ドロップダウン - を追加しまし無効アイテムの状態、無効なアイテムは自動的にキーボードの選択でスキップされます
フォーム - 自動補完誤差を含むご使用のブラウザでオートコンプリートフォームフィールドのための新しいスタイルのホストを追加した、との状態を集中
フォーム - IE、MS-入力プレースホルダを追加プレースホルダの色のルール
フォーム - エラードフィールドドロップダウンキーボードの選択色を修正しました。
フォーム - 成功の状態を形成して追加します
フォーム検証 - を追加しましたが、有効な動作であるフォームが有効である場合はfalse / trueを返します
フォーム検証 - 別のフィールドよりも異なるようにフィールドを必要とする追加されました別の[フィールド]ルール
フォーム検証 - データ検証は、現在の名前またはIDのような他の検証マッチング方式よりも優先されます
フォーム検証 - カスタム正規表現との照合のための新しいルール
フォーム検証 - フォームの検証は現在、複数の選択を検証するためMINCOUNT、MAXCOUNT、およびexactCountを持っています
グリッド - グリッド応答変化を倍増で使用する場合単細胞グリッドは今、モバイルやタブレットに内部セルを削除します。
グリッドは - 大画面だけとグリッドのための唯一の応答性の変動のワイドスクリーンを追加しました。
グリッド - 等しい幅グリッドで行ラッパーなしで動作します
グリッド - 行が今延伸することができるだけでなく、真ん中が整列、底部が整列し、トップが揃っ!
グリッド - 内部気泡のグリッド上の固定マージン
グリッド - 単細胞および内部気泡グリッドが今表示の代わりにフレキシボックスを使用します。テーブルと、
ヘッダ - テキストコンテンツと一緒に小さなヘッダーを表示する場合に便利、新しいヘッダタイプのサブヘッダーを追加しました。ヘッダードキュメントの例を参照してください
イメージ - イメージは、テキストとインラインで使用するとき、画像の周りに空白を追加するための間隔を空け変動が含まれています。
入力 - IE、MS-入力プレースホルダを追加プレースホルダの色のルール
入力 - アクション入力は現在複数のボタン、およびドロップダウンをサポートしています
ラベル - ラベルがアクティブになり、アクティブホバー状態を有します
ラベル - ラベルは、現在の画像ラベルを使用していない場合でも、IMGの高さを設定します
リスト - UIリスト内部の任意のコンテンツは現在、垂直方向に整列させることができます
メニュー - 固定メニュー用の例/ドキュメントを追加
メニュー - 単純な応答のメニューを追加しましたスタッカブルメニューバリエーション
メニュー - メニューに多くの新しい変数を追加しました
メニュー - メニュー項目として表示されるメニュー内部のドロップダウン項目のいくつかの継承の問題を修正しました。
メニュー - 今すぐ画像/ロゴのデフォルトの画像サイズを設定する水平メニュー
メニュー - メニュー項目今少し埋められ
メニュー - ドロップダウン項目のホバー/アクティブ状態は、アイテムに一致するように調整されています。ドロップダウンスタイルはメニューの内部に、具体的テーマにすることができます。
メニュー - 垂直ドロップダウンメニューが100%MIN-幅れなくなりました
モーダル - モーダルは今より微妙であると長いモーダルコンテンツとのより良い動作するはずデフォルトテーマの遷移で調整されたスケールを使用しています。
モーダル - モーダルonApproveとonDenyは現在、最初のパラメータとしての活性化要素を受け取ります。クリックで要素を非表示に回避するにはfalseを返すの使用方法についてのドキュメントを追加しました。
モーダル - モーダルコンテンツは今フレックス使用して、画像コンテンツは現在、フレックスのスタイリングを可能にするために、親に画像コンテンツクラスが必要です。
ポップアップ - アニメーション要素が配置されている方向によって影響されるようにポップアップが今変換原点を定義します
ポップアップ - onShowとonHideコールバックがfalseを返すことで、表示と非表示、ポップアップをキャンセルすることができます
ポップアップ - 小さな、ポップアップミニのためのより多くのサイズバリエーションを追加しました
進捗状況 - を示すラベルが今バーの色を示すとは別のCSS変数より見やすく使用されています
明らかに - あなたがプログラム的に明らかに表示することができます新たに追加されたアクティブ状態
検索 - キャッシュは現在$を使用してクリアすることができる検索( '明確なキャッシュ')( 'を検索してください。')。
区分 - パディングが追加されましたし、非常にパッド入りのセグメント変形
検索 - 検索は現在、結果を取得する結果位置によって生成される一意のIDをオフに動作します。たとえば、カテゴリ#1の最初の結果は、「A1」です。以前はタイトルが重複したタイトル、またはタイトルが含まれていない結果で問題が発生する可能性があり、それらの「ID」、として使用した結果として。
検索 - タイプを使用する際に検索が自動的にクラスのカテゴリを追加します:カテゴリを。
検索 - 1は、initの存在しない場合の検索は現在、結果のコンテナを生成します
検索 - 検索では、今確認し、それが周囲のコンテンツとサイズが変更されます作り、サイズ変更のためにそれらを使用しています
検索 - 検索プロンプトは、現在のUIの入力を使用していない場合は定義されたスタイルをフォーカスされています
セグメント - clearfixを必要とする場合のためにクリアリング・セグメントを追加しました。
サイドバー - パフォーマンスのデバッグを介して改善されたアニメーションのパフォーマンス。サイドバーは現在、幅、高さ、負荷にRTL方向をキャッシュします。
サイト - @defaultEasingと@transitionEasingのためにすべてのUI @defaultDuration、同じ全体で単一の変数を使用するように修正しまし混合グローバル@defaultDurationと@transitionDurationの使用状況
サイト - pageOverflowX変数に追加された、デフォルトのテーマは、本体の水平スクロールバーを非表示にします
サイト - すべてのカラーバリエーションを追加しましたデフォルトのフォーカスの色
サイト - すべての浮動/提起変動が簡単になりましテーマ設定することグローバル@floatedShadowから継承
スティッキー - cantFit = trueをスクロールにDOMプロパティを避けるために時スティッキーが今内部で現在のスクロール位置をキャッシュします。
統計 - 追加された新しい均等に分割グループの変動、例えば3統計情報は、行ごとに3を示しています
統計 - Statiticグループは現在、フレックス使用しています。スタイルが更新されました。
ステップ - を追加しましたアタッチ手順、今セグメントのような他のUIに付着させることができます
タブ - タブを今すぐ手動で正しいページスクロール位置隠されたタブにページ内のアンカーへのリンク
タブ - 新たに追加されたコールバックonTabVisibleとonRequestメソッド
タブ - を追加しましたparseScriptsオプション、デフォルトは一度だけ、最初の負荷のイン​​ラインスクリプトを解析します
表 - ホバリング時の行に影響をホバー示しており、選択可能なテーブルバリエーションを追加します。
表 - UIテーブルに垂直配向バリエーションを追加しました
表 - を追加しました折り返しからテキストを防止する単一行テーブルバリエーション
移行 - 移行が完了した後に遷移中にスタイルまたはクラスを調整するには、もはや変更をリセットしません。
トランジション - トランジションが見えなく強制的に/ onCompleteのコールバックが可視性を設定した場合、インラインスタイルで隠されました。
表示/スティッキー - 可視性と粘着性今すぐ画像の読み込みからの位置の変化に対処するためのページコンテンツの読み込み後に自動的に更新
表示/スティッキー - 複数のイベントを装着する際の視認性が今大きくスクロールのパフォーマンスを改善するために、パブ/サブパターンを使用しています
可視性 - 可視可視性のコールバックがサイズ変更または更新時に発生すべきかどうかを決定する新たな設定checkOnRefreshを含み
可視性 - 可視性のイメージは今だけでなく、以下に、現在の画面位置の上にある遅延ロード画像に待機します。

バージョン2.1.4の新機能は次のとおりです。



新しいUI:
コンテナ - コンテナページの内容を保持するためのもの固定幅のコンテナであり、UIページグリッドへの単純な代替物である、ドキュメント内のより多くの例を見ます
複数選択 - 新複数のドロップダウン・タイプが追加されました。多くの新しいドロップダウン改善はAPIリクエストを介してタグ付け/トークン化機能とデータのロードを含む追加されました。
埋め込み - 新しい埋め込みコンポーネントは、それらの縦横比を維持応答のiframe埋め込みを可能にします。埋め込みは、ユーザーがビデオと対話することを選択するまで、サードパーティのライブラリをロードすることを避けるために、プレースホルダのコンテンツとともに、YouTubeやVimeoの動画で使用することができます。
主な機能強化:
サイト - 茶色とグレーの新色のオリーブ、バイオレット、追加しました。これらは、カラーバリエーションを持つすべての要素で使用できます。
API - APIは嘲笑応答、およびカスタムAJAX要求で使用することができます。 mockResponseは、予め指定されたJSONオブジェクト、または同期関数コールバックで要求を解決するために追加されました。
API mockResponseAsyncは、カスタム非同期リクエストに追加されました。これは、AJAXリクエストをラップすることがありエンバーや角度などのライブラリとの統合を支援し、API要求を解決するために、カスタムの非同期コールバックを指定することができます。
API - APIのコールバックは、今、それが成功したか失敗したかの条件のために他のコールバックによって解析される前に、サーバの応答を調整することができonResponseコールバックを持っています。
「ローカル」: - API APIは現在、キャッシュを使用することにより、同一のURLのサーバー・ラウンドトリップを回避するために、設定のローカルキャッシュ機能を提供します。これはデフォルトで有効になっていません。ローカルキャッシュは、オートコンプリートを照会するとき、たとえば、単一のセッションで同じ値を返す必要があり、結果のために有用です。
カード - カードは現在、複数のカスタムコンテンツブロックをサポートしています。コンテンツブロックとイメージはどのような順序で表示することができます。
チェックボックス - チェックボックスは、もは​​や機能するためにJavaScriptを必要としません。
チェックボックス - 新しいスタイリングとともに、不確定のチェックボックスのサポートが追加されました。
チェックボックス - 今すぐチェックを対確認されたコールバックのセットを呼び出すことなく、状態の変化をトリガするための個別の行動を含み
ドロップダウン - 検索の選択は、リモートデータセットに対してクエリできるようにするためには、ドロップダウンを使用して、リモートAPIの統合を追加しました。
ディマー - 調光器は今淡色表示時にガラスのような効果を適用するぼかしバリエーションを持っています
ドロップダウン - ドロップダウンが自動的にメニューの変化を観察し、新たに追加してセレクタキャッシュを更新します
ドロップダウン - allowAdditionsを使用して、すべての検索選択のドロップダウンメニュー(マルチ/シングル)にカスタムの選択肢を追加する機能を追加しました:trueに設定します。検索は現在、すべてのケースで無い結果にエラーメッセージが表示されます。
ドロップダウン - キーボードショートカットは、たとえば、ドロップダウンの選択肢を選択するために追加された「N」nativebehaviorに似た状態の選択リストで「ニューヨーク」にスクロールします。
ドロップダウン - ドロップダウンをスクロールすると、メニューをスクロールする新しいドロップダウンバリエーションが追加されましたが、これは、ドロップダウンメニューの内部スクロール可能なセクションを含めるために使用することができます。
ドロップダウン - の下に表示する十分なスペースがない場合は、ドロップダウンが自動的に上向きにアニメーション化されます。
ドロップダウン - 使用してページアップ、ページダウンキーは今一度にページごとのメニューをスクロールします
フォーム - フォームは現在、フィールド・グループを作成するためのフレキシボックスを使用します。インラインフィールドは現在、フレックスを使用して、(x)のワイドサイズをサポート
グリッドは - グリッドは今フレキシボックスを使用し、カラムは現在、デフォルトではすべて同じ高さです。ストレッチのような新しいフレキシボックスアライメントタイプが容易に垂直配向のために追加されました。
- 複数のUIコンポーネントの多くは、現在のフォントサイズのような以前の混乱の修正を意味するフレキシボックス、使用する:0;インラインブロックからホワイトスペースを削除することはもはや必要ではありません。このハックを削除し、今任意の要素は、グリッドやメニューの直接の子にできることを意味します。
モーダル - ぼかしと自動的に反転やにじみのいずれかにモーダルの調光器設定する反転新しい設定が追加されました。
メニュー - メニューは現在、フレキシボックスを使用しています。これは、メニュー項目に関係なく、各項目内容サイズの互いの高さを一致させることができます。右のメニューの内容は今の代わりに(もはやフロートを使用しています)それに先行する他のメニュー内容に従ってください。
グリッド - グリッド今デフォルトでフレキシボックスと同じ高さであり、同じ高さの変化を安全に取り外すことができます
ポップアップ - ポップアップは、複数の位置をテストする場合は特に、大幅にパフォーマンスを向上させるために書き直されました。
移行 - フォールバックJavaScriptのアニメーションは、パフォーマンスを高めるために、ドロップダウンやポップアップなどのUIコンポーネントから削除されました。目に見える、::これはのような高価な擬似セレクターの必要性を除去し、アニメーションや:隠され、ファイルサイズを削減します。
フォーム検証 - フォームの検証は現在、単一の設定は、他のモジュールと同様にオブジェクトを使用しています。 (フィールド、設定)を使用すると、引き続き動作しますが、コンソールで非推奨の通知が生成されます
フォーム検証 - フォームの検証について具体的に複数の値を選択で使用するためのいくつかを含む多くの新しい検証ルールをサポートしています。
アイテム - アイテムは、レイアウトのフレキシボックスを使用しています。
メッセージ - アイコンメッセージは、現在のレイアウトのためのフレキシボックスを使用しています
メニュー - 垂直板状のメニュー、垂直タブメニューが追加されました
入力 - すべての入力タイプは、レイアウトのためのフレキシボックスを使用します
セグメント - セグメントは現在、セグメントグループは、グループ内に表示する方法のための複雑なネスト、多くの新しいルールをサポート
区分 - 新しい水平方向のセグメントグループは、はるかに容易に自動リサイズテキスト列をレイアウトします。
サイドバー - サイドバーを使用する場合にiOSが正しく文書または身体のためにscrollTopスプライト値を報告します。 iOSのChromeは、もはやサイドバーを使用した場合、すぐに付着していない固定コンテンツに問題がありません。
図形 - 図形が正しく両側のマージンのための調整します
ステップ - ステップ今フレキシボックスを使用し、各ステップ内の流体のステップになりましセンターコンテンツ
ステップ - ステップもはやアイテム数を必要とし、自動的に均等に分割します
トランジション - トランジションコードがパフォーマンスを向上させるために最適化されています。最初のアニメーションに100%の改善、およびその後のアニメーションに40%改善。
可視性 - ({タイプ: '固定'}).visibilityを使用するには、自動的にそれがビューポートに接続されている場合要素と場所を交換しますプレースホルダ要素を追加します。これは、固定されたコンテンツが大幅に簡単にする必要があります。
可視性 - 可視性と粘着性は今だけコンテキストスクロールに単一のイベントを添付しますよりパフォーマンスパブ/サブパターンを使用します。
可視性 - 2つの新しい可視性のコールバックを追加しましたonOnScreenし、発生onOffScreenは、ほとんど明らか素子は、第1に、またはブラウザのビューポートの外に表示されたとき。
機能強化:
サイト - 複数の境界色、アクセント、および色と一緒に、すべてのUI inputPadding渡って入力サイズを制御する能力を含む多くの新しいサイト変数を、追加しました。
アコーディオン - (アニメーションの後に)開く時、OnCloseので行くことに(アニメーション前)onOpeningとonClosingコールバックを追加します
アコーディオン - アコーディオントリガイベントを指定するための設定に追加しました。
アクティビティフィード - アクティビティフィードは、フレキシボックスを使用するように書き直されました
API - APIはthrottleFirstRequestとinterruptRequests新しい設定があります。新しい要求を行うときに割り込み要求が要素上で前の要求を中止します。 throttleFirstRequestは、スロットル期間が指定されている場合、最初の要求または唯一の後続の要求が絞られるべきであるかどうかを設定します。
ビルドツール - テーマファイルが欠落しているかの要素が使用できないテーマを指定した場合のビルドツールは、予め指定されたエラーが表示されます。
ビルドツール - 調整site.variablesは今だけでなくsite.lessの、すべてのUIを再構築します
ボタン - を追加しました:すべてのボタンタイプのためのフォーカススタイルは、ドキュメント内のすべてのボタンの例は、現在のキーボードのいずれかを使用してフォーカス可能かtabindexを適切です。
カード - カードは今中心の変動を含んでいます
チェックボックス - チェックボックスは、現在優雅に正しい行動は、子入力要素の代わりに、UIチェックボックスで呼び出されます。
チェックボックス - アイコンフォントの縮小キロバイトサイズ
分周器 - UIグリッド内部の垂直分割器は今、列のパディングを占めます
ドロップダウン - ネストされたスクロールメニュー今、例えば、キーボードの選択をサポートリンゴ、およびキーボードのスクロール用の「A」を押します。
ドロップダウン - ドロップダウンは、テキスト、値、またはその両方に一致するかどうかを指定するには、マッチの設定を持っています
ドロップダウン - マルチ選択のドロップダウンは今、最大選択数を指定するための新しい設定を持っています
ドロップダウン - ドロップダウンは、JavaScriptでプレースホルダのテキストを設定するための新しいプレースホルダが設定されてい
ドロップダウン - ドロップダウンメニューがフォーカスで表示するかどうかを指定することができますが追加されましたshowOnFocusオプション
ドロップダウン - fullTextSearch:真は今あいまい検索を使用しています(同じUIの検索など)
ドロップダウン - 今ダウンページとページアップ、ドロップダウンメニューで動作します
ドロップダウン - オプションで無効に小道具を使用して初期化ドロップダウンが正しく無効になって表示されます。
ドロップダウン - を追加しまし無効アイテムの状態、無効なアイテムは自動的にキーボードの選択でスキップされます
フォーム - 自動補完誤差を含むご使用のブラウザでオートコンプリートフォームフィールドのための新しいスタイルのホストを追加した、との状態を集中
フォーム - IE、MS-入力プレースホルダを追加プレースホルダの色のルール
フォーム - エラードフィールドドロップダウンキーボードの選択色を修正しました。
フォーム - 成功の状態を形成して追加します
フォーム検証 - を追加しましたが、有効な動作であるフォームが有効である場合はfalse / trueを返します
フォーム検証 - 別のフィールドよりも異なるようにフィールドを必要とする追加されました別の[フィールド]ルール
フォーム検証 - データ検証は、現在の名前またはIDのような他の検証マッチング方式よりも優先されます
フォーム検証 - カスタム正規表現との照合のための新しいルール
フォーム検証 - フォームの検証は現在、複数の選択を検証するためMINCOUNT、MAXCOUNT、およびexactCountを持っています
グリッド - グリッド応答変化を倍増で使用する場合単細胞グリッドは今、モバイルやタブレットに内部セルを削除します。
グリッドは - 大画面だけとグリッドのための唯一の応答性の変動のワイドスクリーンを追加しました。
グリッド - 等しい幅グリッドで行ラッパーなしで動作します
グリッド - 行が今延伸することができるだけでなく、真ん中が整列、底部が整列し、トップが揃っ!
グリッド - 内部気泡のグリッド上の固定マージン
グリッド - 単細胞および内部気泡グリッドが今表示の代わりにフレキシボックスを使用します。テーブルと、
ヘッダ - テキストコンテンツと一緒に小さなヘッダーを表示する場合に便利、新しいヘッダタイプのサブヘッダーを追加しました。ヘッダードキュメントの例を参照してください
イメージ - イメージは、テキストとインラインで使用するとき、画像の周りに空白を追加するための間隔を空け変動が含まれています。
入力 - IE、MS-入力プレースホルダを追加プレースホルダの色のルール
入力 - アクション入力は現在複数のボタン、およびドロップダウンをサポートしています
ラベル - ラベルがアクティブになり、アクティブホバー状態を有します
ラベル - ラベルは、現在の画像ラベルを使用していない場合でも、IMGの高さを設定します
リスト - UIリスト内部の任意のコンテンツは現在、垂直方向に整列させることができます
メニュー - 固定メニュー用の例/ドキュメントを追加
メニュー - 単純な応答のメニューを追加しましたスタッカブルメニューバリエーション
メニュー - メニューに多くの新しい変数を追加しました
メニュー - メニュー項目として表示されるメニュー内部のドロップダウン項目のいくつかの継承の問題を修正しました。
メニュー - 今すぐ画像/ロゴのデフォルトの画像サイズを設定する水平メニュー
メニュー - メニュー項目今少し埋められ
メニュー - ドロップダウン項目のホバー/アクティブ状態は、アイテムに一致するように調整されています。ドロップダウンスタイルはメニューの内部に、具体的テーマにすることができます。
メニュー - 垂直ドロップダウンメニューが100%MIN-幅れなくなりました
モーダル - モーダルは今より微妙であると長いモーダルコンテンツとのより良い動作するはずデフォルトテーマの遷移で調整されたスケールを使用しています。
モーダル - モーダルonApproveとonDenyは現在、最初のパラメータとしての活性化要素を受け取ります。クリックで要素を非表示に回避するにはfalseを返すの使用方法についてのドキュメントを追加しました。
モーダル - モーダルコンテンツは今フレックス使用して、画像コンテンツは現在、フレックスのスタイリングを可能にするために、親に画像コンテンツクラスが必要です。
ポップアップ - アニメーション要素が配置されている方向によって影響されるようにポップアップが今変換原点を定義します
ポップアップ - onShowとonHideコールバックがfalseを返すことで、表示と非表示、ポップアップをキャンセルすることができます
ポップアップ - 小さな、ポップアップミニのためのより多くのサイズバリエーションを追加しました
進捗状況 - を示すラベルが今バーの色を示すとは別のCSS変数より見やすく使用されています
明らかに - あなたがプログラム的に明らかに表示することができます新たに追加されたアクティブ状態
検索 - キャッシュは現在$を使用してクリアすることができる検索( '明確なキャッシュ')( 'を検索してください。')。
区分 - パディングが追加されましたし、非常にパッド入りのセグメント変形
検索 - 検索は現在、結果を取得する結果位置によって生成される一意のIDをオフに動作します。たとえば、カテゴリ#1の最初の結果は、「A1」です。以前はタイトルが重複したタイトル、またはタイトルが含まれていない結果で問題が発生する可能性があり、それらの「ID」、として使用した結果として。
検索 - タイプを使用する際に検索が自動的にクラスのカテゴリを追加します:カテゴリを。
検索 - 1は、initの存在しない場合の検索は現在、結果のコンテナを生成します
検索 - 検索では、今確認し、それが周囲のコンテンツとサイズが変更されます作り、サイズ変更のためにそれらを使用しています
検索 - 検索プロンプトは、現在のUIの入力を使用していない場合は定義されたスタイルをフォーカスされています
セグメント - clearfixを必要とする場合のためにクリアリング・セグメントを追加しました。
サイドバー - パフォーマンスのデバッグを介して改善されたアニメーションのパフォーマンス。サイドバーは現在、幅、高さ、負荷にRTL方向をキャッシュします。
サイト - @defaultEasingと@transitionEasingのためにすべてのUI @defaultDuration、同じ全体で単一の変数を使用するように修正しまし混合グローバル@defaultDurationと@transitionDurationの使用状況
サイト - pageOverflowX変数に追加された、デフォルトのテーマは、本体の水平スクロールバーを非表示にします
サイト - すべてのカラーバリエーションを追加しましたデフォルトのフォーカスの色
サイト - すべての浮動/提起変動が簡単になりましテーマ設定することグローバル@floatedShadowから継承
スティッキー - cantFit = trueをスクロールにDOMプロパティを避けるために時スティッキーが今内部で現在のスクロール位置をキャッシュします。
統計 - 追加された新しい均等に分割グループの変動、例えば3統計情報は、行ごとに3を示しています
統計 - Statiticグループは現在、フレックス使用しています。スタイルが更新されました。
ステップ - を追加しましたアタッチ手順、今セグメントのような他のUIに付着させることができます
タブ - タブを今すぐ手動で正しいページスクロール位置隠されたタブにページ内のアンカーへのリンク
タブ - 新たに追加されたコールバックonTabVisibleとonRequestメソッド
タブ - を追加しましたparseScriptsオプション、デフォルトは一度だけ、最初の負荷のイン​​ラインスクリプトを解析します
表 - ホバリング時の行に影響をホバー示しており、選択可能なテーブルバリエーションを追加します。
表 - UIテーブルに垂直配向バリエーションを追加しました
表 - を追加しました折り返しからテキストを防止する単一行テーブルバリエーション
移行 - 移行が完了した後に遷移中にスタイルまたはクラスを調整するには、もはや変更をリセットしません。
トランジション - トランジションが見えなく強制的に/ onCompleteのコールバックが可視性を設定した場合、インラインスタイルで隠されました。
表示/スティッキー - 可視性と粘着性今すぐ画像の読み込みからの位置の変化に対処するためのページコンテンツの読み込み後に自動的に更新
表示/スティッキー - 複数のイベントを装着する際の視認性が今大きくスクロールのパフォーマンスを改善するために、パブ/サブパターンを使用しています
可視性 - 可視可視性のコールバックがサイズ変更または更新時に発生すべきかどうかを決定する新たな設定checkOnRefreshを含み
可視性 - 可視性のイメージは今だけでなく、以下に、現在の画面位置の上にある遅延ロード画像に待機します。

バージョン1.12.3の新機能は次のとおりです。



バグ:
ドロップダウン - 左固定し、右矢印が表示選択ドロップダウンで入力カーソルを移動しません。イベントは、誤って、サブメニューのショートカットキーによって防止します。

バージョン1.12.2の新機能は次のとおりです。



バグ:
ドロップダウン - 左固定し、右矢印が表示選択ドロップダウンで入力カーソルを移動しません。イベントは、誤って、サブメニューのショートカットキーによって防止します。

バージョン1.11.6の新機能は次のとおりです。



新しいコンポーネント:
Visibiliity - 通過し、目に見える上部可視底のような要素の可視性条件へのコールバックを取り付けます。画像遅延ロード、無限スクロールコンテンツ、および記録の追跡メトリクス:ようなものに便利です。
機能強化:
フォームは、フォームのエラーの書式設定エラーが表示される-now
移行 - 各アニメーションのための追加された、より合理的なデフォルトの持続時間
ローダ - インラインローダは今中心にばらつきがあります
モーダル - モーダルもはや皮およびreshows調光器排他的でオープンな別のモーダルとモーダルを開く:真
ポップアップ - を追加しました排他的なパラメータに自動的に開いて上の他のポップアップを閉じます
移行 - ショーと非表示のための追加されたトグル動作とドキュメント







































































バージョン1.3.2の新機能は次のとおりです。

















修正:







制約ます:



同じようなソフトウェア

M8tro Bootstrap
M8tro Bootstrap

10 Apr 16

SUIT CSS
SUIT CSS

10 Feb 16

Webplate
Webplate

13 Apr 15

UIkit
UIkit

10 Feb 16

へのコメント Semantic UI

コメントが見つかりません
コメントを追加
画像をオンにする!
カテゴリから探す