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

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

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

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

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

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

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

トゥーキット

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

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

ツールチップ

073026u1f

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

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

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

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

ステップ

スタートボタン

アコーディオン

画像表示

プロセス進捗バー

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

フローレイアウト

読み込み中…

画像の遅延読み込み技術

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

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

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

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

推薦する

WeChatアプレットのスクロールビューが左右連動効果を実現

WeChatアプレットはスクロールビューを使用して左右のリンクを実現します。参考までに、具体的な内容...

Linux で docker-compose を使用したソフトウェア構成の詳細な説明

序文この記事では、docker-compose の構成をいくつか紹介します。これらを参考にして、独自...

Ubuntu 16.04 mysql5.7.17 リモートポート 3306 を開く

MySQLへのリモートアクセスを有効にするデフォルトでは、MySQL ユーザーにはリモート アクセス...

mysql8.0.23 msi インストールの超詳細なチュートリアル

1.MySqlをダウンロードしてインストールする公式ウェブサイトからMySqlデータベースをダウンロ...

Vue実装のカウンターケース

この記事では、カウンター表示を実現するためのVueの具体的なコードを例として紹介します。具体的な内容...

MySQL最適化ソリューション: スロークエリログを有効にする

目次序文スロークエリログの設定テスト付録: ログ解析ツール mysqldumpslow要約する序文こ...

Tomcat サーバーの設定と Web プロジェクトの公開に関する IDEA グラフィック チュートリアル

1. Webプロジェクトを作成したら、Tomcatを例にサーバーを構成する必要があります。 2. 実...

同じドメイン名を持つ Nginx プロキシのフロントエンドとバックエンドの分離プロジェクトの完全な手順

フロントエンド プロジェクトとバックエンド プロジェクトは分離されており、フロントエンドとバックエン...

CSS3で実装されたダイナミックな星空の背景

結果:実装コードhtml <link href='https://fonts.goog...

SQL 集計、グループ化、並べ替え

目次1. 集計クエリ1. COUNT関数2. SUM関数3. AVG関数4. MAX関数とMIN関数...

mysql 解凍パッケージの基本インストールチュートリアル

新しいコンピューターに変更したので、すべての環境を新しいコンピューター上で設定する必要があります。ふ...

Dockerfile を使用して Docker でイメージを構築する方法

イメージを構築するこれまで、テストやデモンストレーションにさまざまなイメージを使用しました。多くの場...

登録フォームのデザインルール

随分前に「Patterns for Sign Up & Ramp Up」を読み終えました。今...

MySQLとOracleの違いのまとめ(機能性能の比較、選択、使用時のSQLなど)

1. 同時実行性同時実行性は OLTP データベースの最も重要な機能ですが、同時実行性にはリソース...

Node.js コンソールで強調表示されたコードを印刷する方法

序文コードを実行してエラーが発生すると、エラーが出力されます。エラーにはスタック情報が含まれており、...