Webデザイナーおよび開発者向けの新鮮なリソース（2017年2月）

Web開発者向けの新しいリソースシリーズは 今から4年くらい走る, そしてこのシリーズを維持することは私が長年にわたってどのようにウェブが進歩するかについての洞察を私に大いに与えてくれました。がある 毎月出てくる新しいツール Web開発を容易にするため.

今回は、まとめました いくつかの新しいツール, JavaScriptライブラリを含む, いくつかのCSSライブラリと参照 あなたのスキルを向上させるために。チェックしてみましょう.

その他のリソースはこちら

推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。.

キャプション

JavaScriptは デスクトップアプリケーションを引き継ぐ 異なるプラットフォーム上での移植性のためだけでなく、ネイティブアプリと同じくらいうまく機能するために。このアプリ, キャプション, 例えば 電子の上に建てられた. 字幕ファイルを検索できるシンプルなアプリです（.SRT）あなたが見ているビデオに添付する.

素晴らしいOSXコマンドライン

あ macOS用の便利で便利なコマンドラインの膨大なリスト. ここでは、CLIを介して実行できることがたくさんあります。 “プリントキューをクリアする”, “Finderでフォルダを隠す”, そして “システムのスリープを防ぐ”.

トレバー

トレバー 単にTravis CIが行われている オフライン. TravisはContinuous Integrationサービスです 開発者が自分のソフトウェアをテストする場所 ソフトウェアが複数の環境で正しく機能しているかどうかを確認する. トレバーはまだ初期段階にあります;現在サポートされているだけです “NodeJS”.

次第に

素敵なJavaScript 画像を徐々に読み込むためのライブラリ, それ故に名前。ブラウザが画像全体を読み込んでいる間、小さい画像が表示されてぼやけます。この あなたのウェブサイトがずっと速くロードするのを助けます 特に大きな画像が含まれている場合.

QartJS

これはJavaScriptです QRコードをつまらなくする. これを使えば、あなたの写真のような画像の上にQRコードを重ねることができます。.

WPドッカー

WP Dockerは WordPressを開発するために特別に設計されたDocker環境. 環境は自己完結型であり、設定を行ってもコンピュータシステムには影響しません。それは Vagrant、Valet、Local、およびMAMPに代わる優れた選択肢.

レラックス

RellaxはJavaScriptライブラリです。 ページスクロールに対する視差効果の作成. オプションはほとんどなく、比較的設定が簡単です。軽量、超高速、そして jQueryのように依存関係を必要としない そのため、Parallax.jsやScrollax.jsなど、このカテゴリの他のライブラリに代わる優れた方法です。.

明瞭にする

まだ別のクールなJavaScriptライブラリ。明確にもたらす合成あなたのウェブサイトに声をかけてください。それは あなたのウェブサイトを解析して読むことができる, 最終的には、視認性が損なわれているユーザーにとって、Webサイトのアクセス性が向上する可能性があります.

収益化JS

MonetizeJSはJavaScriptライブラリです。 Stripeを簡単に実装する; jQueryを使うのと同じくらい簡単.

ヴォニック

ヴォニック のUIのコレクションです。 Vue.jsとIonic CSSを使用して構築されたモバイル. それは、携帯電話によく見られる多くのUIコンポーネントを含みます。 チェックボックス、検索フォーム、スワイパー、およびいわゆるアコーディオン. あなたはモバイルアプリのアプリケーションを構築するために使用することができます プロトタイプ ブラウザ内で.

WordPressコンポーネントライブラリ

WordPressで有名な名前の1つである10upは、設計されたUIライブラリをリリースしました。 WordPress専用. CSSとHTMLコードのみを提供する他のUIライブラリとは異なり、10Upはテーマに貼り付けることができるPHPコードスニペットも提供します。コンポーネントが含まれています ナビゲーション、タブ、ツールチップ、共通部分、およびBlogrol.

JavaScript起動パフォーマンス

素晴らしい Addy Osmaniによる詳細な記事, Googleのエンジニアの一人、超高速で動作するJavaScriptの書き方について。私はあなたにそれを読み通すことを勧めます JavaScriptのスキルを向上させる.

KuteJS

クテは アニメーションを実行するためのJavaScriptライブラリ. それは非常に速く、メモリ消費において非常に効率的です。アニメーションを適用するための拡張機能と追加のツールがあります。 CSS、SVG、さらにはjQueryプラグイン より便利な構文.

PWAロックス

プログレッシブWebアプリケーション（PWA）はその方法論です。 Webサイトが高速で使用可能なオフラインで実行できるようにします. このPWA Rocksには、GoogleによってPWAとして承認されたものがリストされています。に GoogleからPWAの詳細を学ぶ 見てみましょう：プログレッシブWebアプリ.

Github自動アップデート

Github自動アップデータは Githubからプラグインを更新できるようにするComposerライブラリ. これは、開発者がクライアントなしでプラグインを管理しなくても便利なスクリプトです。 必ずGithubリポジトリにアップロードする.

カード

カードはJavaScriptライブラリです それはクレジットカード入力をより魅力的にする クレジットカード番号を入力しながら、ユーザーエクスペリエンスを向上させます。それ jQuery、React、Angular、Emberでうまく動作します。.

ぶどう

ぶどう ページ上にオーバーレイを表示して、グリッド（列、行、溝）がどのようにレイアウトされているかを確認します。あなたもすることができます 独自のグリッド仕様を生成する 提供されているAPIを使用する.

ルクスバー

Luxbarは レスポンシブナビゲーションを簡単に作成するためのCSSフレームワーク;スタイルシートを追加してHTMLを正しく追加するだけです。このライブラリをインストールすることができます。 CDNから直接スタイルシートをNPM、Bower、またはリンクする.

コントラストグリッド

のリスト 表はWCAG 2.0に基づく色のコントラストとそのアクセシビリティグレードを示しています. テーブルの値を変更して、色の組み合わせがWCAG規格に準拠しているかどうかをすぐに把握できます。.

ToneJS

ToneJSはJavaScriptライブラリです。 楽器から来るようなトーンやサウンドを作成する. 私はこのライブラリがWebベースの楽器エミュレータを構築するのに役立つだろうと思います またはゲームの効果音.