ツールキット: Bootstrap よりも強力なフロントエンド フレームワーク

ツールキット: Bootstrap よりも強力なフロントエンド フレームワーク

パワーフロントフレームツールキット 1

注: 現在、最も人気のフロントエンド フレームワークは Bootstrap と Foundation です。どちらもよく使用される Web デザイン コンポーネントを備えており、モバイル デバイスと互換性があるため、大衆に深く愛されています。ただし、これら 2 つのフレームワークのコンポーネントがまだ十分ではないと思われる場合は、今日共有されたツールキットを試してみてください。このツールキットには、より強力で実用的で人気のある、より多くの組み込み UI コンポーネントがあります。

Toolkit: Bootstrapよりも実用的なUIコンポーネントを備えたフロントエンドフレームワーク

Tookit フレームワークは、フラットなデザインと多くの新しい UI コンポーネントを備えています。CSS3 アニメーションと組み合わせることで、多くのコンポーネントのインタラクションが美しく強力になります。

ここにいくつかのスクリーンショットがあります:

トゥーキット

テキストのハイライトプロンプト

ツールキットフロントエンドフレームワーク

ツールチップ

073026u1f

プロンプト情報コンポーネント(図:左下隅)

英語ではToastと呼ばれるアニメーション効果があります。公式Webサイトにアクセスして、実際のデモを視聴できます。

ナビゲーションと位置決め

下の図に示すように、ページで E 領域を表示すると、特定の携帯電話の接触効果のように、右側のナビゲーションの E が強調表示されます。

ステップ

スタートボタン

アコーディオン

画像表示

プロセス進捗バー

スライドサイドバー効果(オフキャンバス)

フローレイアウト

読み込み中…

画像の遅延読み込み技術

まあ、書ききれないほどたくさんあります。実際の効果を確認するには、以下のリンクをクリックして公式サイトにアクセスしてください:)

一般的に、Bootstrap と Foundation のインターフェースの方が見栄えが良いと思いますが、フラットなデザインなので変更も非常に簡単です。

<<:  HTMLはキャンバスを使用して箇条書きスクリーン機能を実装します

>>:  Linux でのソース パッケージ インストールのサービス管理

推薦する

最新のウェブフロントエンドフレームワーク10選を紹介(翻訳)

Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日の...

XHTML言語のデフォルトCSSスタイル

html、アドレス、引用ブロック、本文、dd、div、 dl、dt、フィールドセット、フォーム、フレ...

Vue-cli を使用して Vue プロジェクトを構築する手順の詳細な説明

まず、Vue-cli をインストールする必要があります。 npm インストール -g vue-cli...

MySQL の挿入およびバッチ ステートメントのいくつかの例の詳細な説明

目次序文1.無視を挿入2. 重複キーの更新時3. を置き換える4.存在しない場合は挿入する5. デー...

画像をラベルとして使用すると、IE では for 属性が機能しません。

例えば:コードをコピーコードは次のとおりです。 <input type="check...

Vueコンポーネントの基本のまとめ

コンポーネントの基本1 コンポーネントの再利用コンポーネントは再利用可能な Vue インスタンスです...

MySQLクエリ最適化: 100万件のデータに対するテーブル最適化ソリューション

1. 2つのクエリエンジン(myIsamエンジン)のクエリ速度InnoDB はテーブル内の特定の行数...

docker --privileged=true パラメータの役割についての簡単な説明

バージョン 0.6 あたりで、Docker に privileged が導入されました。このパラメー...

一般的な nginx コマンドをシェル スクリプトに組み込む方法の詳細な説明

1. nginxシェルスクリプトを保存するフォルダを作成する /usr/local/タスク/ngin...

jQueryは検証コード送信のコントロールボタンを無効にする機能を実装します

必要な効果: 確認コードを送信するためにクリックした後、ボタンは無効になり、5 秒後に無効解除されま...

React のグローバル状態管理の 3 つの基本メカニズムの調査

目次序文小道具コンテクスト州要約する序文最新のフロントエンド フレームワークはすべて、コンポーネント...

MySQL データベースのインデックスとトランザクション

目次1. 索引1.1 コンセプト1.2 機能1.3 索引作成の原則1.3.1 ディスクアクセス回数を...

HTML 5 プレビュー

<br />オリジナル: http://www.alistapart.com/artic...

http:// の代わりに // を使用する利点は何ですか (アダプティブ https)

//デフォルトプロトコル/ デフォルト プロトコルの使用は、リソース アクセス プロトコルが現在の...

CentOS 6 または CentOS 7 でディスク領域をクリアする方法

以下は、CentOS 6 または CentOS 7 サーバーのディスク領域をクリアするための簡単なコ...