HTML、CSS、JS を使用して開発されるモバイル アプリケーションやデスクトップ アプリケーションがますます増えており、Web デザインはこれらの言語から切り離せません。このような状況により、多くの新しい Web テクノロジーが可能になり、React.js、Angular、Node.js などの多くのライブラリが誕生します。要件とプロジェクトが洗練されるにつれて、開発者コミュニティの開発者はほぼ毎日新しいライブラリと開発ツールをリリースします。
新年を迎え、デザイン マテリアルの推奨、デザイン トレンドについての説明、および多くのクールな Web サイトの推奨を行ってきました。この記事では、フロントエンドおよびバックエンドの開発者向けに 20 の最新の実用的な開発ツールを推奨します。 。これら 20 の Web サイトには、開発フレームワーク、プラグイン、生産性向上ツール、アプリケーション、および多くの開発実践事例が含まれています。
Prepo は、Mac と iOS の両方のプラットフォームにログインし、アプリとアイコンを準備、共有、プレビューするのに役立ちます。ドラッグ アンド ドロップするだけでインターフェイスを @2x から @1x に変換でき、さまざまな背景でアイコンのステータスをプレビューできます。サイズ変換はバッチで実行でき、プレビュー作業はローカルデバイスまたはリモートで実行でき、解像度のサポート範囲も非常に広いため、開発者でもデザイナーでも、このアプリケーションを使用する価値があります。
Pilter を使用すると、ほぼ誰でも Web コンテンツを後処理できます。 Philter の使用は、HTML コードに Philter 属性を追加するだけで簡単です。 Philter はホバー効果もサポートしており、簡単な属性を追加するだけで美しいグレースケールの遷移や繊細なドロップ シャドウを実現できます。
Feature.js は、高速で軽量なブラウザ検出ライブラリです。依存関係はなく、圧縮されるのは 1Kb のみです。 Feature.js はページの読み込み時に自動的に初期化されるため、非常に高速です。
OS.js は、ブラウザー用に用意されたデスクトップ アプリケーション ライブラリであり、完全なウィンドウ マネージャー、アプリケーション プログラミング API、インターフェイス ツールボックスおよびファイルが含まれています。管理システム。現在主流のブラウザーや、Node および PHP と互換性のあるプラットフォームとの互換性が良好です。
ファブリケーターを使用して独自の UI キットを構築できます。 Fabricator は、スケーラブルな Web アプリケーションを迅速に構築するための Node.js ベースのプラットフォームです。このツールはプラットフォームごとにインストールパッケージを用意しており、自分でコンパイルしてインストールすることもできます。
HackMyResume を使用すると、コマンド ラインを使用して独自の履歴書をデザインできます。 Markdown と JSON を使用して記述し、Word、HTML、PDF、LaTeX、プレーン テキストなどの複数の形式に出力できます。 HackMyResume は Node.JS に基づいて構築されており、OSX、Windows、Linux の 3 つの主要なプラットフォームと互換性があります。
Gizmo は、開発者がマイクロサービス API と pubsub バックグラウンド プロセスを迅速にコンパイルおよび構築できるようにする 4 つのパッケージを提供します。この構成パッケージは、MySQL、MongoDB、Oracle、AWS (SNS、SQS、S3)、Kafka、Gorilla のセキュア Cookie、Gizmo サーバーなどにリンクできる、共通のコンポーネントベースの構造のセットを提供します。
Colorify.js は、画像から色を抽出して制御できるようにする JS で書かれたオフセットです。 Colorify は、画像ベースのカラー グラデーション マップを生成し、色を分離し、色を抽出し、デザインを豊かにすることができます。
Apster を使用すると、ユーザーがストーリーテリングに参加できるようになり、ユーザーとコンテンツ間のインタラクションが向上します。それは間違いなく「StroyTelling 2.0」です。VoicR の助けがあってこそ、ユーザーは実際に参加し、コンテンツへの参加方法を改善し、コンテンツの普及方法を新たなレベルに押し上げることができます。
ブブゼラは、電子メールの内容とメッセージのメタデータのプライバシーを保証するメッセージング システムです。
Senna.js は、いくつかの低レベル API を提供する超高速シングルページ アプリケーション エンジンです。この約 8KB エンジンは、最新の Web アプリケーションを構築します。
ReqRes は、REST-API をホストし、いつでも AJAX 要件に応答できる、最も基本的な ExpressJS アプリケーションです。実際の応答コードを開発に使用できます。 GET、POST、PUT、および DELETE コードをサポートします。 ReqRes は、実際のアプリケーション シナリオをシミュレートできます。
Linear は、Web ページのサイズを測定するために使用できます。開発を使用せずに、特定の寸法を測定できます。ツール。Web ページ要素のサイズ。
Clrs は、基本的な Web カラーを再定義し、よりユーザーフレンドリーでモダンな Web カラーを提供します。 Clrs は、よりアクセスしやすい配色の使用を推奨しています。
ユーティリティ オープンタイプは、フォントの合字や小さいサイズの大文字フォントなどを含む、一連のより高度な CSS 組版機能です。高度な機能を待ちます。これらは、より優れたユーザー エクスペリエンスの詳細をユーザーに提供するために存在します。
コマンドラインから PHP を制御したい場合、CLimate は間違いなく必須のツールです。色付きのテキストや特殊な形式を簡単に出力できます。 。
Colordrop を使用すると、ドラッグするだけで簡単に UI 要素の色を調整できます。 Chrome プラグインをインストールするだけで、すべてを行うことができます。
Imba は、より強力な Web アプリケーションを構築するために設計された新しいプログラミング言語です。これには、定義、拡張、統合、説明などが含まれます。言語レベルのサポート。 。
Slim は、強力な Web APP と API を簡単かつ迅速に作成するのに役立つ PHP マイクロフレームワークです。これには、HTTP ルーティング機能、PSR-7 サポートなどが含まれます。
PHAP を使用すると、PHP を使用してローカル モバイル APP を作成できます。 PHP を使用して機能を実装し、HTML/CSS を使用して UI を実装するため、Android、iOS、Windows Phone 上でアプリケーションをスムーズに実行できます。
原著者: Nataly Gavin
最適化翻訳: @ Chen Zimu
この記事は元々 Youshe.com によって翻訳されたものであり、抜粋を再投稿する場合は Youshe のリンクを添付してください。編集者の皆様、ご協力ありがとうございました。
[元の記事は Youshe.com からの投稿メールアドレス: 2650232288@qq.com]
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
