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

前回の記事では、さまざまなJavascriptおよびCSSライブラリーに焦点を当てて、より優れたWebサイトおよびWebアプリケーションを構築する手助けをしました。今月は、タイポグラフィに少し焦点を当てることをお勧めします.

連載のこの回では、いくつかのJSライブラリー、ヒント集、タイポグラフィに関する非常に長いエッセイ、カラー・ジェネレーター、および軽量フロントエンド・フレームワークについて説明します。それ以上面倒なことなく、チェックしましょう.

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

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

JSのヒント

JSのヒントはJavaScriptのヒントのコレクションです。構文, いくつか コードの効率と性能, また、AngularJSのようなフレームワークに固有のものもあります。新しいヒントが毎日追加され、現在発行されている50のヒントがあります。それは本質的に 必須のブックマーク すべてのWeb開発者のためのサイト.

Vagrant Manager

Vagrant Manager Vagrantを制御するためのGUIアプリケーションです。 Vagrantを停止または実行し、現在どのVagrantが実行されているかを確認できる、同様のMAMP。このアプリはOS X用とWindows用があります。 Vagrantが何であるかがわからない場合は、Vagrantを使用してWordPressをローカルにインストールする方法に関する以前の投稿を確認してください。.

ブルマ

ブルマ フロントエンドフレームワークです。パッケージにはいくつか含まれています 一般的なUIコンポーネント Webのナビゲーション、ドロップダウン、そして（もちろん）完全に構築されたグリッド フレックスボックス. （少なくとも今のところ）欠けている唯一の機能はJavaScriptコンポーネントです。 BulmaコンポーネントはBootstrapに比べてはるかにスリムですが、小さくても見やすいWebサイトを構築するのに十分なはずです。.

グーテンベルク

マスプレスの発明者であるJohannes Gutenbergにちなんで名付けられました。. グーテンベルク のコレクションです 適切な文字体裁設定のためのスタイル規則 ウェブ上で。スタイルルールは、ベースライン、フォントサイズと拡大縮小、および行の高さを設定します。あなたのウェブサイトのコンテンツをずっと良く見せるための素晴らしいスタイルのライブラリ.

OkayNav

OkayNav レスポンシブナビゲーションを構築するためのjQueryですが、まだ別のナビゲーションではありません。このプラグインはレスポンシブデザインとは少し異なります。ビューポートのサイズが小さくなるにつれて、各メニューは小さくなります。 徐々に 限られたビューポートサイズを許容するためにアイコンにマージされました。かっこいいね?

新しいWebタイポグラフィ

の 新しいWebタイポグラフィ は、タイポグラフィに関する詳細な、目を見張るようなエッセイです。それは本の初期の頃から私たちがWeb上で構築し消費する現在の方法までのスタイルを論じています。複数のイラストでよく研究されて、そして十分に参照されて、それはRobin Rendleによる長い記事ですが、間違いなくタイポグラフィのより良い理解を得るために読む価値があります.

カラーセーフ

カラーセーフ Web用のカラージェネレータパレットです。このシリーズでこれまでに説明したツールとは異なり、ColorSafeは色のアクセシビリティに関するWCAG規格に準拠した色のみを生成します。.

アクセシブルモーダルダイアログ

これは、（0.5kb以下の）JavaScriptライブラリです。 モーダルダイアログウィンドウを作成する. アクセス可能なので、ユーザーはキーボードとマウスを使ってダイアログを簡単に開いたり閉じたり、ナビゲートすることができます。このパッケージは単純なJavaScriptであり、スタイルは設定されていません。したがって、ダイアログモーダルは自由に形を変えることができます。.

Mo.js

Mo.js JavaScriptアニメーションライブラリの完全なパッケージです。あなたはすぐにアニメーションを設定して走らせることができるようにそれは２、３のプリセットがついてくる。それはモジュラーであり、不必要な機能性、ならびに流動性および滑らかさを取り除くことを可能にします。残念ながら、新しいライブラリになったので、ドキュメントはまだ準備できていません（今のところ）.

粒子

このライブラリはあなたのウェブサイトにフローティングパーティクルネットワークを追加して、あなたのウェブサイトを即座にクールに見せるためのものです。パーティクルはカーソルの動きに反応します。反応だけでなく、色、距離、形状などの他の要素もオプションで設定できます。.