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

2015年はWebにとって素晴らしい年でした。 WebサイトやWebアプリケーションを構築するために、さまざまなフォームファクタで採用されています。. 多くのモバイルおよびデスクトップアプリケーションは現在、HTML、CSS、およびJavaScriptを使用して構築されています。これは、WebテクノロジとReact.js、Angular、Node.jsなどのライブラリの移植性によって実現されています。.

この連載の今日の記事では、JavaScriptライブラリーとCSSライブラリーをいくつかまとめました。.

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

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

フラットスライダー

jQuery UIには、Sliderを含む一般的なWebインターフェースのコレクションが付属しています。これは、ユーザーが数値の範囲を選択できるようにするUIです。の フラットスライダー jQUeryのUIスタイルをカスタマイズするためのWebツールです。.

ユーティリティオープン型

ユーティリティオープン型 ドロップインクラスのコレクションです。 高度なCSSの文字体裁機能を適用する そのようなフォントの合字、小さな大文字、そしてもっとたくさん。彼らは基本的にあなたのユーザーに可能な限り最高の読書体験を詳細に提供します。古い、サポートされていないブラウザではうまく劣化します.

ResponsifyJS

レスポンシブイメージが直面する悪名高い制約の1つは、通常イメージを適切にスケーリングすることですが、ビューポートサイズを非常に小さくすると、イメージの主焦点がそらされます。.

ResponsifyJS 使用できる軽量のJavaScriptライブラリです。 画像の焦点を維持するための座標を設定 サイズ変更中.

リニア

リニア Mac用の定規アプリです。ルーラーを使用して、Webページを測定したり、DevToolsを開いたりしなくても要素のサイズを調べたり、要素が完全に中央に配置されているかどうかを判断したりできます。あなたは複数の支配者を持つことができ、ユニットをPXからEMに切り替えることができます.

StickyStack

StickyStack パネルがビューポートの最上部に到達したときにスタックスクロールエクスペリエンスを作成するためのjQueryプラグインです。さらにスクロールすると次のパネルが表示されます。これは、ページコンテナ、スタックセクション、およびスタックのボックスシャドウを設定するためのいくつかのオプションを備えた軽量のプラグインです。デモをチェックする.

視聴者

視聴者 画像ライトボックス用のjQueryプラグインです。ウェブ上で画像をズームインするための人気の高い方法です。プラグインはあなたがすることができます圧倒的なオプションが付属しています のすべてのビットをカスタマイズする ライトボックス インタフェース.

プラグインはまた、全体を制御するためのAPIとカスタムイベントのセットを提供します。 ライトボックス 応答と行動さらに、Internet Explorer 8まで機能します。.

DeviceMock

DeviceMock あなたを可能にするJavaScriptライブラリです。 デバイスフレームやモックアップを作成する 電話、タブレット、デスクトップなど。同様に、ライブラリは、フレームのテーマカラー、サイズ、およびフレームの向きを設定するオプションを提供します。.

Photoshopを使用する代わりに、Webやアプリを紹介することをお勧めします。.

Clrs

Clrs イニシアチブは デフォルトのWebカラーをより見やすくモダンな色調に再定義. さらに、それはより良いアクセシビリティのために色の組み合わせのセットを提唱しています。これらの色は、NPM、Gem（Ruby）、PhotoshopおよびIllustratorの色見本を通して配置できます。.

色付けする

色付けする 超軽量のJavaScriptライブラリ（3kb縮小）です。 支配的な色を抽出する 画像から 色を操作するためのたくさんのAPI. 画像が完全に読み込まれるまで、グラデーションの背景を生成するまで、または画像の色に合わせて隣接するインターフェイスを調整するまでの間、抽出した色をプレースホルダーとして使用できます。.

BookBlock

BookBlock jQueryプラグインは ページめくり効果で小冊子を作成する. 特にあなたが紹介したいシーケンスやフローがある場合、それはあなたのウェブサイト上に複数の画像を表示するための美しい代替手段です。.

BookBlockがどのように機能するかについてのアイデアを得るためにここでデモをチェックすることができます.