素晴らしい！ 2016 年に推奨される 20 の新しい Web 開発ツール

HTML、CSS、JS を使用して開発されるモバイル アプリケーションやデスクトップ アプリケーションがますます増えており、Web デザインはこれらの言語から切り離せません。このような状況により、多くの新しい Web テクノロジーが可能になり、React.js、Angular、Node.js などの多くのライブラリが誕生します。要件とプロジェクトが洗練されるにつれて、開発者コミュニティの開発者はほぼ毎日新しいライブラリと開発ツールをリリースします。

新年を迎え、デザイン マテリアルの推奨、デザイン トレンドについての説明、および多くのクールな Web サイトの推奨を行ってきました。この記事では、フロントエンドおよびバックエンドの開発者向けに 20 の最新の実用的な開発ツールを推奨します。 。これら 20 の Web サイトには、開発フレームワーク、プラグイン、生産性向上ツール、アプリケーション、および多くの開発実践事例が含まれています。

1. Prepo

Prepo は、Mac と iOS の両方のプラットフォームにログインし、アプリとアイコンを準備、共有、プレビューするのに役立ちます。ドラッグ アンド ドロップするだけでインターフェイスを @2x から @1x に変換でき、さまざまな背景でアイコンのステータスをプレビューできます。サイズ変換はバッチで実行でき、プレビュー作業はローカルデバイスまたはリモートで実行でき、解像度のサポート範囲も非常に広いため、開発者でもデザイナーでも、このアプリケーションを使用する価値があります。

2. Philter

Pilter を使用すると、ほぼ誰でも Web コンテンツを後処理できます。 Philter の使用は、HTML コードに Philter 属性を追加するだけで簡単です。 Philter はホバー効果もサポートしており、簡単な属性を追加するだけで美しいグレースケールの遷移や繊細なドロップ シャドウを実現できます。

3. Feature.js

Feature.js は、高速で軽量なブラウザ検出ライブラリです。依存関係はなく、圧縮されるのは 1Kb のみです。 Feature.js はページの読み込み時に自動的に初期化されるため、非常に高速です。

4. OS.js

OS.js は、ブラウザー用に用意されたデスクトップ アプリケーション ライブラリであり、完全なウィンドウ マネージャー、アプリケーション プログラミング API、インターフェイス ツールボックスおよびファイルが含まれています。管理システム。現在主流のブラウザーや、Node および PHP と互換性のあるプラットフォームとの互換性が良好です。

5. ファブリケーター

ファブリケーターを使用して独自の UI キットを構築できます。 Fabricator は、スケーラブルな Web アプリケーションを迅速に構築するための Node.js ベースのプラットフォームです。このツールはプラットフォームごとにインストールパッケージを用意しており、自分でコンパイルしてインストールすることもできます。

6. HackMyResume

HackMyResume を使用すると、コマンド ラインを使用して独自の履歴書をデザインできます。 Markdown と JSON を使用して記述し、Word、HTML、PDF、LaTeX、プレーン テキストなどの複数の形式に出力できます。 HackMyResume は Node.JS に基づいて構築されており、OSX、Windows、Linux の 3 つの主要なプラットフォームと互換性があります。

7. Gizmo

Gizmo は、開発者がマイクロサービス API と pubsub バックグラウンド プロセスを迅速にコンパイルおよび構築できるようにする 4 つのパッケージを提供します。この構成パッケージは、MySQL、MongoDB、Oracle、AWS (SNS、SQS、S3)、Kafka、Gorilla のセキュア Cookie、Gizmo サーバーなどにリンクできる、共通のコンポーネントベースの構造のセットを提供します。

8. Colorify

Colorify.js は、画像から色を抽出して制御できるようにする JS で書かれたオフセットです。 Colorify は、画像ベースのカラー グラデーション マップを生成し、色を分離し、色を抽出し、デザインを豊かにすることができます。

9. Apster

Apster を使用すると、ユーザーがストーリーテリングに参加できるようになり、ユーザーとコンテンツ間のインタラクションが向上します。それは間違いなく「StroyTelling 2.0」です。VoicR の助けがあってこそ、ユーザーは実際に参加し、コンテンツへの参加方法を改善し、コンテンツの普及方法を新たなレベルに押し上げることができます。

10. ブブゼラ

ブブゼラは、電子メールの内容とメッセージのメタデータのプライバシーを保証するメッセージング システムです。

11. Senna.js

Senna.js は、いくつかの低レベル API を提供する超高速シングルページ アプリケーション エンジンです。この約 8KB エンジンは、最新の Web アプリケーションを構築します。

12. ReqRes

ReqRes は、REST-API をホストし、いつでも AJAX 要件に応答できる、最も基本的な ExpressJS アプリケーションです。実際の応答コードを開発に使用できます。 GET、POST、PUT、および DELETE コードをサポートします。 ReqRes は、実際のアプリケーション シナリオをシミュレートできます。

13. Linear

Linear は、Web ページのサイズを測定するために使用できます。開発を使用せずに、特定の寸法を測定できます。ツール。Web ページ要素のサイズ。

14. Clrs

Clrs は、基本的な Web カラーを再定義し、よりユーザーフレンドリーでモダンな Web カラーを提供します。 Clrs は、よりアクセスしやすい配色の使用を推奨しています。

15. ユーティリティ オープンタイプ

ユーティリティ オープンタイプは、フォントの合字や小さいサイズの大文字フォントなどを含む、一連のより高度な CSS 組版機能です。高度な機能を待ちます。これらは、より優れたユーザー エクスペリエンスの詳細をユーザーに提供するために存在します。

16. CLimate

コマンドラインから PHP を制御したい場合、CLimate は間違いなく必須のツールです。色付きのテキストや特殊な形式を簡単に出力できます。 。

17. Colordrop

Colordrop を使用すると、ドラッグするだけで簡単に UI 要素の色を調整できます。 Chrome プラグインをインストールするだけで、すべてを行うことができます。

18. Imba

Imba は、より強力な Web アプリケーションを構築するために設計された新しいプログラミング言語です。これには、定義、拡張、統合、説明などが含まれます。言語レベルのサポート。 。

19. Slim フレームワーク

Slim は、強力な Web APP と API を簡単かつ迅速に作成するのに役立つ PHP マイクロフレームワークです。これには、HTTP ルーティング機能、PSR-7 サポートなどが含まれます。

20. PHAP

PHAP を使用すると、PHP を使用してローカル モバイル APP を作成できます。 PHP を使用して機能を実装し、HTML/CSS を使用して UI を実装するため、Android、iOS、Windows Phone 上でアプリケーションをスムーズに実行できます。

【Yousheクールステーション22連発！ ]

1. 無料のギャラリー + ナビゲーション コレクション ステーション: 「クールなステーションが 2 つ連続!」高品質な無料フォトギャラリーサイト＋専用WEB/APPナビ集サイト』
音楽サイト＋フォント検索: 『かっこいいサイト２連発！仕事に集中できる音楽サイト + Google フォントのオンライン検索ツール》
グラデーション カラー + コードの比較: 「クールなサイトが 2 つ連続!グラデーション カラー スキームの完全集約 Web サイト + オンライン コード比較ツール"
カラー マッチング + プレースホルダー画像: "クールなサイトが 2 つ連続!オンライン カラー マッチング ツール + クイック プレースホルダー画像ジェネレーター》
ロゴ ダウンロード + フォント ダウンロード: 「クールな投稿が 2 つ連続!商用利用可能なベクター ロゴのダウンロード + グラフィック デザイン用の 27 個のお気に入りのフリー フォント"
圧縮画像 + オンライン カラー マッチング: "2 つのクールなステーションがリリースされました!オンライン画像圧縮アーティファクト + オンラインカラーマッチングツール COLOURCO》
CSS ホバーアニメーション + ポケモンカラーマッチング: 『クールステーション2連続リリース！ポケモン専用カラーマッチングサイト＋CSS HOVERアニメーション集サイト』
7. 美女写真+ゲームカラーマッチング: 『カッコイイサイトから2連続リリース！ゲームカラーマッチングサイト+無料美容素材専門サイト』
オンラインカラーマッチング+フォント推奨：『クールステーション2連続リリース！オンラインカラーマッチングアーティファクト＋英字フォントおすすめサイト》
チャイボ作品のコード変更＋16進カラー：「クールステーションから2連続リリース！」コードを使用して DRIBBBLE 作品 + 16 進カラー Web サイトを表示します》
シームレス テクスチャ + ポリゴン背景: 「クールなステーションが 2 つあります!」シームレステクスチャ素材サイト＋ポリゴン背景ジェネレーターを中心》
原アドレス: egrappler

原著者: Nataly Gavin

最適化翻訳: @ Chen Zimu

この記事は元々 Youshe.com によって翻訳されたものであり、抜粋を再投稿する場合は Youshe のリンクを添付してください。編集者の皆様、ご協力ありがとうございました。

[元の記事は Youshe.com からの投稿メールアドレス: 2650232288@qq.com]