最新の開発者ツール 20 個を選択_html/css_WEB-ITnose

フリーランサーの場合、クライアントの要件やニーズを特定の期限内に完了するという課題が常にあります。仕事をしたり、クライアントとコミュニケーションを取ったりするのは簡単ではありませんが、この状況で役立つオンライン ツールが無数にあります。

この記事では、視聴者の仕事を少し楽にするために、新鮮で厳選したツールを 20 個集めました。以下のツールはすべてオンラインであり、すべてのフリーランサーが探しているニッチな分野をターゲットとしています。

2015 年 7 月に、 Web アプリケーション フレームワークや JavaScript ライブラリからモバイル アプリに至るまで、タスクを容易にする新しいツールとリソース。この記事には、デザイナーや開発者が Web 開発に取り組むのに役立ついくつかの役立つリソースが含まれています。

Spot.im は初の「どこでも」ソーシャル ネットワークの作成者であり、Web サイトの所有者とパブリッシャーがコンテンツ主導の IM テクノロジーを通じて Web サイトをソーシャル ネットワークに変えることができ、パブリッシャーは周囲の会話の所有権を取り戻すことができます。

2. ExpandJS

ExpandJS は、Web アプリケーションを開始するための 350 以上のカスタム要素と便利な関数を含む 80 以上のモジュール ライブラリです。 Polymer に組み込まれており、Google のマテリアル デザイン ガイドラインに従って、より多くの機能を追加し、予期しないパラメーター チェックを導入する

3 ライセンスに基づいてリリースされています。

アウトラインは、Matt Harris によって作成された、新しい Web プロジェクトを開始するシンプルな CSS テンプレートです。これは、レスポンシブ デザインの今日のベスト プラクティスと、私がすべてのプロジェクトで使用するコア コンポーネントを含む、モジュール式のモバイル ファースト フレームワークです。プロジェクトの創造性はあなたに任せてください。

4. スタートアップ ローンチ リストには、ポール グラハムのすべての記事を必ず読んでください。 「この小さなアプリケーション クラスはそのアイデアに従っています。ここは、ジェイソン、デレク・シヴァーズ、ブラッド・フェルド、マーク・サスター、サム・アルトマン、フレッド・ウィルソンなどの尊敬される人々による重要な記事を読むことができる場所です。

5. Bounce

Bounce は、コーディングを必要とせずに美しいバナーを Web サイトに公開できるスクリプトです。バーの送信元、ページの内容、広告が広告の影響を受けるかどうかに基づいてバーをターゲットにし、広告ブロッカーがインストールされているユーザーにバーを提供できます。 Adblock をオフにするか、サイトをサポートする別の方法を宣伝するようユーザーに依頼してください。

6. Coverr

`

Coverr は、「veed.me」と「codersclan」の 2 つの会社の共同イニシアチブです。彼らは、Web ページ、ビデオ、コードの両方から背景ビデオの必要性を経験したため、これらをコミュニティに無料で提供する何かを構築することにしました。基本的に、coverr を使用すると、必要なビデオ (MP4 + WebM + 画像) をダウンロードでき、また、それらの実装に役立つコード スニペット (HTML、CSS、JavaScript) も提供されます。著作権で保護されており、常に残ります。毎週月曜日に 12 ～ 15 秒の新しい動画を 7 本アップロードします。

7. JavaScript.com

JavaScript.com は、JavaScript コードの学校コミュニティ構築のためのリソースです。これからは、いつでも無料になります。 JavaScript は初心者にとって優れたコーディング言語であるため、新しい開発者が使い始められるよう、最高の無料学習リソースを集めて JavaScript コースを構築しました。

8. Sitecake

Sitecake は、WYSIWYG のドラッグ アンド ドロップ編集を備えた小規模 Web サイト向けの使いやすい CMS (コンテンツ管理システム) です。インストールして使用するために必要なのは、標準の Web ホスティング パッケージ (Web サーバーと PHP 5.4 以降) だけです。 sitecake は、HTML ファイルの変更ルールを読み取り、変更し、保存します。 PHP やテンプレート言語の知識は必要ありません。すべての変更は、HTML ページとファイル システム内のすべての画像に直接保存されます。編集が完了しても、静的な Web サイトが残ります。

9. Gradify

Gradify は、あらゆる画像内で最も目立つ色を見つけて、スケーラブルで応答性の高い CSS グラデーションを生成するモジュールです。これにより、画像のプレースホルダーとしてより調和のとれたエクスペリエンスを提供できます。

10. Inker

Inker は、1 対 1 の電子メールにおけるあなたの会社についての考え方を変えるオープンソースのフロントエンド アーキテクチャおよび配信サービスです。 Ink を使用すると、コーディングから送信までの作業が不要になり、集中力が維持できるため、チームはメールで時間を無駄にすることがなくなり、より重要なことに集中できるようになります。電子メール プログラムをクリーンな状態に保つと、速度をテストするためのツールが得られます。取引メール用の無料テンプレート (パスワードを忘れた場合、領収書、アカウント作成)。

11. CamanJS

CamanJS は (CA) 評価された JavaScript の (人間による) 操作です。これは、使いやすいインターフェイスと、高度で効果的な画像/キャンバス編集技術を組み合わせたものです。 camanjs は、新しいフィルターやプラグインを使用して拡張するのが非常に簡単で、広範な画像編集機能が付属しており、成長し続けています。これはライブラリに完全に依存せず、Nodejs とブラウザの両方で動作します。 camanjs とこの Web サイトはどちらも完全にオープンソースであり、リクエストを受け付けています。

12. スライド

スライドはブラウザーでオンラインで編集できます。 PowerPoint などの従来のプレゼンテーション ソフトウェアとは異なり、何もダウンロードする必要はありません。すべての作業は当社のサーバーに安全に保存され、どこにいてもアクセスできます。カンファレンスで話すときも、会議を主催するときも、資料を電子メールで送信するときも、ストーリーは作成されたものと同じくらい美しく伝えられます。 PDF にエクスポートして、視聴者と共有したり印刷したりすることもできます。

13. Rocket Chat

Rocket.Chat は、JavaScript と Meteor fullstack フレームワークを使用して開発されたオンライン チャット サーバーです。これは、独自のチャット サービスを非公開でホストしたいコミュニティや企業、または独自のチャット プラットフォームを構築して成長させたいと考えている開発者にとって、優れたソリューションです。チャットのようなオープンソースができます。 MIT ライセンスに基づいて配布されている、ロケットに注目してください。

14. Tota11y

Tota11y は、支援技術を使用して Web サイトがどのように機能するかを確認するためのアクセス可能な視覚化ツールです。そのため、アクセシビリティのテストは、テクノロジーの操作に慣れていない開発者にとって退屈でわかりにくいことがよくあります。

15. Unyson

Unyson は、無料で開発された高速で使いやすい WordPress テーマ フレームワークです。豊富なカスタマイズ オプション、広範なドキュメントとサポートを提供します。

16. Thao

Thao フレームワークは、Web 開発を容易にするための最小限の CSS フレームワークです。記述とコンパイルに必要な作業は少なく、軽量で、JavaScript コードがまったくありません。 Thao はあまりよく書かれていません。以前のブラウザと完全に互換性があります。残念ながら8の応答速度は完全互換ではありません。

17. GitHub Updater

このプラグインを使用すると、ユーザーは GitHub でホストされている WordPress プラグインをインストールし、自動的に更新できます。名前にもかかわらず、このプラグインは bitbucket とプライベート リポジトリに含まれる gitlab もサポートしています。

18. Sassy Exists

Sassy-exists は、存在をチェックする SASS マイクロライブラリです。変数の存在、関数の存在、特性の存在などに対する代替構文を提供します。

19. Famous Engine

FamousEngine は、建築アニメーションとインターフェイスのための JS ライブラリです。 DOM と WebGL を一般化して、描画とレイアウトをカスタマイズできるようにします。

20. Bootcards

Bootcards は、カードベースのユーザー インターフェイス フレームワークです。これは Bootstrap 上に構築されており、その応答機能を使用します。他のほとんどのユーザー インターフェイス フレームワークとは異なり、タブレット ユーザー向けのデュアルペイン インターフェイスが含まれています。ブートカードには、iOS、Android、またはデスクトップのいずれにおいても、アプリにネイティブな外観を与えるスタイルシートが含まれています。