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

最新のウェブフロントエンドフレームワーク10選を紹介(翻訳)
Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日のように作成されています。それらすべてを理解して、どのフレームワークを使用するかを決定するのは困難です。フロントエンド Web フレームワークの本質は、日常のプロジェクトに適用できる JavaScript、CSS、HTML 関連コンポーネントのコレクションであり、特に緊急のプロジェクトでは開発時間を大幅に節約できます。ここでは、参考までにフロントエンド Web フレームワークを 10 個リストします。

1. こっそり

 こっそり

これは主にモバイルデバイス向けのフレームワークです。最近では、モバイルアプリケーションに注目する人が増えています。これは、さまざまなブラウザで実行でき、CSS と SCSS もサポートする軽量フレームワークです。

2. CSスタイル

csスタイル 

簡単にメンテナンスできるスタイルシートを作成したい場合は、このフレームワークを試してみてください。これは主流の設計原則に基づいており、フレームワークは一連の SASS 混合型を使用してプログラムを実行するため、CSS がよりセマンティックになり、読みやすくなります。

3. マフィン

マフィン 

厳密な意味でのフレームワークではないかもしれませんが、それでも注目に値します。これは本質的には、静的 Web サイトの作成に使用できるデザイン重視の Web テンプレートです。 Web 開発に役立つ inuit.css、Boilerplate、Bootstrap の利点と仕様について説明します。

4. コウト・スイス

コウト・スイス 

これは CSS コンポーネントに基づいた優れたフレームワークであり、開発を高速化するためのさまざまな用途と機能を備えています。

5. パワーToCSS

パワーToCSS 

これは、SMACSS と DRY の原則に基づいて設計された軽量フレームワークです。CSS コンポーネントがあります。プロジェクトをすぐに開始したい場合は、このフレームワークが適しています。
 

6. Themosis WordPress フレームワーク 

Themosis WordPress フレームワーク 

このフレームワークは、名前空間などの多くの PHP 機能を適用します。さらに、WordPress の仕様と一般的な MVC アーキテクチャを組み合わせています。

7. マテリアルフレームワーク

マテリアルフレームワーク 

ここで紹介した他のフレームワークに比べると使用範囲は狭いですが、非常に軽量で、CSS ベースのコンポーネントのみで構成されています。このフレームワークは、CSS を素早く理解して使用するのに役立ちます。

8. Bootstrap のマテリアル デザイン

Bootstrap のマテリアル デザイン 

名前が示すように、これは Bootstrap 3 テーマです。プロジェクトのデザインをすばやく簡単に作成できます。

 

9. マテリアルUI  

マテリアルUI 

Material UI は、Google の新しい Material Design デザイン言語を実装する CSS フレームワークです。これは NPM パッケージとしてインストール可能で、依存関係の管理と JSX 変換に browserify と reactify を使用します。

10. 具体化する

具体化する 

Google は IO カンファレンスで UI デザイン仕様を発表しました。この仕様は、PC、Web、モバイル アプリケーションのユーザー エクスペリエンスを統一することを目的としています。現在の成功例としては、Google Gmail チームがリリースした新しい Inbox アプリケーションが挙げられます。このフレームワークは多くの新鮮なデザインとスタイルを使用しており、標準バージョンと SASS バージョンの 2 つのバージョンがあります。


元記事: http://designposts.net/best-frontend-web-frameworks/
翻訳: http://www.php100.com/html/dujia/2015/0127/8490.html
(翻訳:PHP100_Zeroing)

<<:  テーブル適応とオーバーフローのいくつかの設定の詳細な説明

>>:  SQL重複排除方法の概要

推薦する

Vue で video.js を使用して m3u8 形式のビデオを再生する方法

目次1. インストール2. videojsの紹介3. コンポーネントでのテストと使用1. 基本的な自...

MySQL のファントムリード問題を解決する方法

目次序文1. ファントムリーディングとは何ですか? 2. ファントムリーディングの問題点は何ですか?...

NginxはLua+Redisを使用してIPを動的にブロックします

1. 背景日常的なウェブサイトのメンテナンスでは、このような要件に頻繁に遭遇します。特定のクローラー...

フロントエンドでよく使われるjs関数メソッド

目次1. メール2. 携帯電話番号3. 電話番号4. URLアドレスですか? 5. 文字列ですか? ...

vue3.0 のウォッチ リスナーの例の詳細な説明

目次序文リスナーと計算プロパティの違いvue3 で watch を使用するにはどうすればいいですか?...

3分でUbuntu 16.04を初期化し、Java、Maven、Docker環境をデプロイする

Fast-Linux プロジェクト アドレス: https://gitee.com/uitc/Fas...

Vueを使用してタイマー機能を実装する

この記事の例では、タイマー機能を実装するためのVueの具体的なコードを参考までに共有しています。具体...

純粋な CSS で実装された 3 つの通知バーのスクロール効果

序文通知バー コンポーネントは、比較的一般的なコンポーネントです。基本的に、すべてのサイトにこのよう...

Dockerでローカルマシン(ホストマシン)にアクセスする方法

質問Docker でローカル データベースにアクセスするにはどうすればよいでしょうか? 127.0....

入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法

入力ボックス内のカーソルのサイズが一定ではありませんIE7とChromeの違いは非常に明白ですまず、...

CentOS7 で docker を使用して Apollo 構成センターをデプロイする実装

Apollo オープンソース アドレス: https://github.com/ctripcorp/...

mysql バックアップ戦略の実装 (フルバックアップ + 増分バックアップ)

目次設計シナリオ技術的なポイントサーバー情報準備フルバックアップスクリプト(Mysql-FullyB...

雨滴効果を実現する JavaScript キャンバス

この記事では、雨滴効果を実現するためのJavaScriptキャンバスの具体的なコードを参考までに紹介...

JavaScript を使用してタイムラインとアニメーション効果を実装するためのサンプル コード (フロントエンドのコンポーネント化)

目次コードのクリーニングJavaScript の「フレーム」 「フレーム」の実装方法1. 間隔を設定...