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

このシリーズは3年近く続いていると思いますか？その短い間に、私たちはWebデザイナーと開発者のための最も新鮮なリソースの少なくとも30のリストを特集しました。そして、6月の新しい編集でこれを続けます。.

今回の編集では、スライダーの表示、データテーブルのスクロールのスムーズ化、上にスクロールするボタンの効果的なエレベーター効果など、いくつかのJavaScriptライブラリを紹介します。.

チェックしてみましょう.

中スタイル確認

ミディアムはそのデザインで賞賛されています。レイアウトとUIは徹底的に考えられているようです。それに加えて、それはまたUIを複製するためにJavaScriptまたはCSSライブラリのどちらかを開発することをウェブ開発者に奮い立たせます。 Medium Style Confirmは、Mediumのポップアップまたはダイアログボックスに似たJavaScriptライブラリです。.

ペンギン

ペンギンはあなたがあなたのウェブサイトの土台として使用できる新しいフロントエンドフレームワークです。 GruntやSassなどのツールを使用すると、必要のないライブラリやCSSを簡単に追加または削除して、できるだけ軽量にすることができます。それはまたBootstrapおよびFoundationのためのよい代わりです.

Elevator.js

あなたはあなたがページのトップにスライドすることを可能にするウェブサイトのそのボタンを見ましたか？ほとんどのボタンで一番上に移動できますが、Elevator.jsを使用すると、エレベーター、音楽、 “丁!” 最上階に着いたら鳴ります。すごくいい!

Xインスタグラム

X-InstagramはInstagramの画像をタグで引き出して表示するPolymerのカスタム要素です。この要素はプロセス全体をずっと簡単にします。通常のHTML要素と同じように要素を追加し、要素の属性としてtagキーワードを指定します。.

そして魔法を始めましょう!

CamanJS

CamanJS 画像操作のための素晴らしいJavaScriptライブラリです。それはあなたが一般的に画像エディタで見つけるであろう機能セットが付属しています。画像をぼかしたり、白黒にしたり、コントラストを上げたりすることができます。.

ClusterizeJS

Clusterize.jsは、テーブル内の大量のデータを処理するときのパフォーマンスを向上させるJavaScriptライブラリです。たとえばリストの5000とテーブルを下にスクロールすると、通常、エクスペリエンスは遅れてぎくしゃくします。このJavaScriptライブラリはこの問題に対処し、スクロール動作をスムーズに航行するようにします。.

テストをする

テストをする CSS3、HTML5、およびJavaScriptに関するあなたのスキルと知識を評価するための質問の集まりです。各テストには、いくつかの質問と、これらすべての質問を完了するための限られた時間が与えられます。これらの言語が本当に優れているかどうかを調べるのは良い情報源です。.

HTMLの矢

これは、HTMLおよびCSSに埋め込むことができる特別なネイティブUnicodeシンボルのコレクションです。これらの文字には、矢印、通貨、句読点があります。あなたは、時々、あなたはそれらの文字を表示するのにフォントアイコンを必要としないことに気付くでしょう.

ちらつき

Flickityは、カルーセル、ギャラリー、またはスライダーをWebサイトに表示するためのJavaScriptライブラリです。タッチスクリーン用に最適化されています。ラップトップを使用している場合は、カルーセルを指で、またはトラックパッドで楽にスライドさせることができます。それはまたあなたが好きな方法で完全なカスタマイズを可能にするたくさんのオプションが付属しています.

タイプスラブ

TypeslabはSlabタイプのポスターを作成するのに便利なツールです。内容を書いてフォントを選ぶだけで、Typeslabは即座にポスターを作成します。それをダウンロードしたりImgurで公開したりできます.

MatchMedia

MatchmediaはCSSのメディアクエリを複製するライブラリです。ライブラリは実際にはそれほど新鮮ではありませんが、それは私がリストに載せることにした本当に便利なライブラリです。ユーザーのビューポートサイズまたはメディアタイプに基づいてスクリプトを作成する必要がある場合は、これが必要なライブラリです。.

以下は、320px以下のビューポートサイズでスクリプトを実行するための例です。

 if（matchMedia（ '画面と（最大幅：320ピクセル）'）。match） 

セスバーガー

Sass Burgerには、ミックスを作成するためのMixinが付属しています。 “ハンバーガー” アイコンをクリックして、手間のかからない十字マークにします.

マルクス

Marxは、要素スタイルをより一貫性のあるものにするためのCSSスタイル規則の集まりです。それは（Sassで）カスタマイズ可能で、軽量で、そして箱から出して動作します。 Normalize.cssのようなすでに人気のあるCSSリセットツールに代わる良い方法.

CSS.js

CSS.js スタイル宣言のためにCSSファイルを解析するために使用されます。このライブラリは当初、JotformのチームがCSSでフォームを編集するためのWYSIWYGエクスペリエンスを構築するために使用されました。今、彼らは私たち全員が使用することをオープンソースにしました。後で必要になった場合に備えて、節約する価値があります。.