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

Web上で見つかった開発者向けのツールやアプリの多くはトレンドに合わせて進化していますが、より実用的なソリューションに進化しているものもあります。、それでも それぞれのカテゴリーで際立っている.

私たちはあなたのかもしれない素敵なフォントを持っています Helvetica Neue 代替品、タッチ圧力をテストするためのJavaScriptライブラリ、およびJavaScriptエラーロギングのための便利なツール。チェックしてみましょう.

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

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

OverPassフォント

オーバーパス fontは、Highway Gothicに着想を得たフリーフォントです。 Highway Gothicは多くの国で広く採用されている書体です。 距離を超えて高速で読みやすいため、道路標識用. OverPassフォントには、4種類の太さ（細字、標準、半太字、太字）、大文字、小文字があり、Webフォントに変換することもできます。.

ライセンス：OFL（オープンフォントライセンス）

Pa11y

Pa11y です あなたのウェブサイトのアクセシビリティをテストするためのツール ある美しさを通して、手間をかけずに オートメーション. カラフルでインタラクティブなインターフェースを好む場合は、コマンドラインインターフェースを使用するか、ダッシュボードから設定することができます。 Pa11yはレポートを作成し、あなたが様々な障害に対してあなたのウェブサイトのアクセシビリティを改善したい場合に修正すべき分野を示します.

アクセシビリティに関するより多くのリソース：

現代のWebとアクセシビリティ[ビデオ]
プレイリスト：Thomas Bradlyによるアクセシビリティ[ビデオ]
ARIAのWeb標準とHTMLアプリのアクセシビリティの調査

圧力JS

AppleのForce Touchは基本的に画面やトラックパッドへの指の圧力を測定します。これは機能を追加するために使用できます。開発者はこのテクノロジを利用して、ネイティブのOS XまたはiOSアプリケーションにユーザビリティを追加できます。. 圧力JS JavaScriptライブラリです Force Touch APIにフックする そしてあなたがあなたのウェブサイトにそれを適用することを可能にします.

SplitJS

SplitJS あなたがすることができます軽量のJavaScriptライブラリです。 ブラウザウィンドウのビューポートを複数のセクションに分割する. あなたはそれがCodePen.io、JSFiddle、またはJSBinのようなコード共有ウェブアプリケーションで一般的に使われるのを見たかもしれません、そこでHTML、CSSとJS作業スペースはそれら自身のセクションに分けられます.

柔軟性JS

Flexboxでは、Webレイアウトの配置が非常に簡単になります。それでも、Internet Explorer 9と8では機能しないため、Web開発者はよく知られているように厄介な方法を使用しないようにする必要があります。 浮く 財産. 柔軟性JS ここにいるのであなたはできる これらの古いブラウザを残さずにFlexboxを使用する.

LabellaJS

LabellaJS 作る ラベル付きタイムラインを作成する とても簡単です。ラベルの位置、方向、幅、高さ、およびレイアウトアルゴリズムを制御するために、自由に使えるオプションがいくつかあります。 RequireJSのようなAMDローダーで動作し、BrowserifyやNode.jsと一緒にうまく使えます。依存関係は必要ありません.

Wee

Wee 他のCSSフレームワーク以上のものです。それはを含む建築過程を助けるためにたくさんの部品が詰まっています 内蔵サーバー、ライブリロード、ソースマップ、縮小、コードバリデータ, そして 静的サイトジェネレータ. また、Webサイトのフロントエンドを強化する機能を備えた独自のJavaScriptライブラリも付属しています。.

重力

重力フラットファイルベースです。 CMS 静的サイトジェネレータJekyllに似ています。それでも、WordPressと同じように、テーマとプラグインを通じて拡張できます。たとえば、管理者パネル、ショートコード、コメント、フォーム、サイトマップを追加するためにインストールできます。それは全体的に優れたCMSであり、それはまたより確立されたCMSのための優れた候補者かもしれません.

パターンパック

パターンパック あなたができるようにするツールです あなたのウェブサイトやアプリケーションを構築するためのシステムを構築する そしてそれを異なるプロジェクト間で同時に共有します。標準システムを使用することは、ベストプラクティスの一般的な形式です。ワークフローを高速化するだけでなく、プロジェクトの保守性も向上します。ツールの使用方法については、スタートガイドをお読みください.

OhCrash!

JavaScriptでデバッグするのはとても難しいかもしれません。あなたはすでに完璧なセットアップをしているのであなたのユーザはおそらくあなたが開発と展開の間に経験しなかったエラーを経験するかもしれません。ここで注意が必要なのは、エラーがユーザーのブラウザにのみ記録されるということです。あり OhCrash いまなら可能です ログをあなたのGithubリポジトリに入れてください, だからあなたはエラーについてよりよく知らされています.