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

私たちの仲間のWeb開発者のためのもう一つの素晴らしいリソースリストを共有する時が来ました。前回は、数多くの参照、アプリケーション、そしていくつかのJavaScriptライブラリーを取り上げました。.

この連載でまだ取り上げていないJavaScriptライブラリーが多数あることを考慮すると、この記事では、Web開発者としてのスキルを向上させるための、jQueryプラグインと参照をいくつか紹介します。チェックしてみましょう.

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

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

jQueryMy

jQueryMy です リアルタイムのデータバインディングを処理するためのjQueryプラグイン. ネイティブのブラウザコントロールや入力、およびjQuery UIなどのUIライブラリをそのまま使用できます。検証、条件付き書式設定、複雑な依存関係管理を備えているため、非常に優れています。 - MV *フレームワークの代替 Backbone.js、Ember.js、Vue.jsのように

頭

通常、 頭 タグには タイトル タグ、 リンク スタイルシートを指すタグ スクリプト JavaScriptファイルをロードするためのタグ。このリポジトリはそれを示しています 私たちが内に含めることができることがもっとたくさんあります 頭 タグ. このリストには、特定のプラットフォームへの一般的なリンクとメタタグが含まれています。.

SmoothState

を開発する スムーズなページ遷移 本当に痛いかもしれません。履歴APIのサポート、キャッシング、プリロード、アニメーションをスムーズかつ高速に動作させるためのアニメーションの取り扱いについて考える必要があります。. SmoothState これらすべてを1つのパッケージにまとめたので、短時間で経験を積むことができます。.

SketchRunner

つまり、SketchRunnerはOS X Spotlight、Alfred、またはSublimeText Command Paletteに似ています。それはSketchの拡張機能です。 単純な検索インターフェースを提供します アプリメニューで通常行われるいくつかのタスクを実行します。それはあなたがより生産的になるのを助けるために合理化します.

保守可能なCSS

維持可能なCSSは 長年の経験からなるオンラインブック, 洗練されたテクニック 世代を超えて長期的に維持可能な恒星CSSを構成する.

フレックスボックスパターン

これはのコレクションです スニペットとHTMLとCSSをドロップインしてインターフェースを構築する, CSS Flexboxを使用して、ヘッダー、フッター、メニューナビゲーションなど。 Flexboxの使い方を理解するのが難しいと感じた場合は、これがFlexboxを最後に習得するための優れたインスピレーションの源です。.

ラヴァランプ

Infinite ScrollはWeb上で人気のあるインターフェースです。 ページの下部に到達したときに新しいコンテンツを取得します. Lavalampは、Infinite Scrollに代わるものと名付けられたJavaScriptライブラリです。デモをチェックする.

グリオ

そのJavaScript マウスカーソルを検出 それがあるとき ビューポートを出ようとしています これは、おそらくユーザーが終了しようとしていることを示しています。それがあれば、あなたはそれを使用することができます 購読フォームを表示する関数を起動する または 簡単なポップアップメッセージ コンバージョン率を上げる.

コレア

もう一つ クールなユーザーインターフェースを備えたカラーピッカー. 色をドラッグアンドドロップして独自のカラーパレットを作成できます。これにより、配色を構築するためのより視覚的で整理されたアプローチになります。あなたのコレクションを保存するためのアカウントを作成するためにサインアップしてください.

CSSX

CSSXは JavaScriptでCSSを書くことができます. 何も変わっていません。これは、JavaScript関数にラップされた同じネイティブCSS構文です。私はどのプロジェクトでCSSXを利用することができるかについては、まだ正直に考えていませんが、見栄えがよく、言及する価値があります。.