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

今回の記事には、多種多様なリソースが付属しています。あなたの次のランディングページデザインを刺激するソース、明白なスクリーンの効果を薄暗くする2つの方法、ドラッグアンドドロップでWebレイアウトを構築するためのプラグイン、あなたのデートピッカーを強化するためのjQueryプラグイン、そしてたくさんのJavaScript開発者を助けるためのライブラリ.

また、HTTP 2に関するリソース、活版印刷用語、アクセシビリティ対応サイトの構築、およびプログラミング言語構文の検索エンジンも含まれています。チェックしてみましょう.

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

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

着陸フォリオ

ランディングフォリオは、ランディングページデザインの例を見つけることができる中心的な場所です。このサイトには何百もの例があり、それらのカテゴリに基づいてリストを微調整できます。これはWebデザイナーにとって間違いなくブックマークに値する.

要素クエリ

あなたが実行することを可能にするJavaScript 要素クエリ. 要素クエリは次のように表されます。 @素子 とは違って, @メディア, @素子 を超えて多数の条件を認識しています “高さ” そして “幅”. たとえば、要素に含まれる文字数に基づいてスタイルを適用できます。.

HTTP2

HTTP2 重要な変更を加えたHTTPの最新の仕様です。それはより良い性能と効率的なデータ転送を約束します。このリソースでは、これらの変更点（詳細）、セキュリティへの影響、速度、およびユーザーエクスペリエンスを見つけることができます。.

エレメンター

エレメンター あなたがドラッグアンドドロップでWebレイアウトを構築することを可能にするWordPressプラグインです。 Elementorを使用すると、より魅力的なレイアウトを構築できます。それは敏感で、完全にカスタマイズ可能で、そしてユーザーフレンドリーです。.

TimeDropper

このプラグインは、ウェブ上で日付を選択することをより魅力的にするいくつかのアニメーションを備えています。また、UIの外観を変更するためのオプションもあります。それは愛好家の日付ピッカーのためのjQueryプラグインです。.

SyntaxDB

プログラミング言語の構文を検索するための検索エンジン。現在、Java、C、Ruby、JavaScript、Pythonなど、さまざまな言語をサポートしています。データベースと言語のサポートが拡大するにつれて、これは開発者にとって究極の検索エンジンになるでしょう。.

GithubダークUI

GithubダークUI Github.comのためのより暗い色のテーマです。薄暗い環境で作業している場合、または画面を長時間見ている必要がある場合は、これは適切な代替配色になる可能性があります。.

マイクロライト

下記のように、色を変えてコードを強調表示する代わりに、Microlightはコードを作成します。 “輝く”. コードを強調表示するJavaScriptライブラリ - 文字通り.

BarbaJS

BarbaJSは、JavaScript History API / pushStateを通じてスムーズなページ遷移を可能にするJavaScriptライブラリです。このプラグインには、メソッド、カスタムイベント、および少数のAPIが付属しており、Webサイト上のページにスムーズなエクスペリエンスを提供します。下記は用例です.

TypeTerms

何が違うのだろうか “文字間隔” そして “カーニング” です? TypeTerms あなたがこれらの紛らわしい活版印刷用語を学ぶことができるインタラクティブなプレゼンテーションです.

バタービーン

バタービーン WordPressでMeta Boxを構築するための新しく洗練されたプラグインです。最新のWordPressカスタマイザAPIアーキテクチャに従って開発されています。それはこの特定のWordPress管理UIの構築をよりエレガントにします.

子供のテーマチェック

親テーマに対してあなたの子テーマをチェックするためのWordPressプラグイン。子テーマが依存しているファイルが更新されているかどうかをチェックします。.

CloudFlare UI

CloudFlare UI Reactの上に構築されたコレクションUIコンポーネントです。 Reactの人気が高まっていることを考えると、そこには同様のUIフレームワークがいくつかあるかもしれません。.

レルナ

大規模プロジェクトで複数のパッケージとリポジトリを管理する必要があるのは避けられません。このツールを使用すると、この特定の状況に対処し、最終的にワークフローを合理化することができます。.

冷静になる

冷静になる CPU使用量を減らすのを助けるためのJavaScriptライブラリです。 JavaScriptのネイティブ関数の代わりに使用できる一連の関数を提供します。通常のWebサイトにデプロイすることも、Node.jsベースのアプリケーションにデプロイすることもできません。.

GELタイポグラフィ

GELタイポグラフィ BBCの活版印刷スタイルガイドです。活版印刷スタイルを標準化する方法についての素晴らしいリソースとインスピレーション.

MINDパターン

MIND Patternsは、アクセス可能なeコマースWebサイトを構築するための実用的なガイドです。 HTMLの構築、ARIAラベルの使用、および障害のあるユーザーにとって使いやすいCSSスタイルの作成に関するガイドを提供します。.

CSSの特異性

CSSの特定性がどのように機能するかを説明するイラスト集.

CSS Dig

CSSを最適化するのに役立つChrome拡張機能。それはあなたのページをスクラップし、レポート、色のような使われているプロパティのリストを提供します。.

テンプレートスタッシュ

HTML5、WordPress、Ghost、Bootstrap、eコマーステンプレートなど、幅広い種類のテンプレートを見つけることができる厳選されたテンプレートのコレクション.