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

この記事では、リストフレームワークとツールを紹介します。 Web開発を目指して. 興味深いことに、私はMicrosoftやAlibabaのような大企業から来たこれらのツールやフレームワークのいくつかを見つけました。.

より多くの企業がオープンソースに貢献し、より良いWebを形成するのに役立つので、これは良い兆候です。今月の編集のために準備ができているものを見てみましょう.

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

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

かわいいストラップ

Sassの上に構築されたUIフレームワーク。フォーム、ナビゲーション、ボタンなど、最も一般的なWebインターフェイスがすべて付属していますが、多くの場合はこれで十分です。 BootstrapやFoundationのような人気のあるフレームワークが圧倒的な場合, かわいいストラップ あなたのための素晴らしい代替手段かもしれません.

HTML5テスト

HTML5テスト ブラウザが最新のHTML5仕様をどれだけサポートしているかをテストするオンラインツールです。最新のWebアプリケーションのデバッグとテストに携わる人々にとって便利なツールです。.

ブラウザのカロリー

ブラウザのカロリー Webページの重さを測定するChromeの拡張機能です。それはロードされたファイルとページの総重量へのそれらの貢献をスキャンします。あなたがあなたのウェブサイトのパフォーマンスを最適化するのを助けるための素晴らしい小さなツール.

Weex

Weex HTML、CSSおよびJavaScriptだけでモバイルアプリを構築するためのAlibabaのフレームワークです。モジュール、UIコンポーネント、独自のDevTools、およびモバイル環境向けに開発をスピードアップするために設計されたCLIが付属しています。.

Microsoft Webフレームワーク（MWF）

マイクロソフトのフレームワーク、のUIコンポーネント MWF フラット、クリーン、そしてミニマルなMicrosoft Modernデザイン言語に基づいて構築されています。このフレームワークは、UIコンポーネント以外に、Colors、Typography、およびAnimationの使用に関する指示も与えます。私はMaterial Design Liteがついに同等の候補に出会ったと思います.

バイタル

バイタル 非常に楽しい最小限のインターフェースを持つフレームワークです。軽量で、JavaScriptがなく、ネイティブにRogue - Rubyベースのシンタックスハイライター.

フォンテア

フォンテア 簡単に管理し、何百ものGoogleフォントを適用するための無料のPhotoshop拡張です。 Photoshop内からフォントを検索し、プレビューして、デザインに直接適用することができます - ワークフローの効率化.

霧雨

これはあなたがあなたのウェブサイトのためのUIパターンやスタイルガイドを作成することを可能にするツールです。色、基本的なスタイル、コンポーネントのレイアウト、コードスニペットなどが生成されます。のようなスタイルガイドジェネレータ霧雨あなたはあなたのウェブサイトのスタイルと一貫性を保つことを可能にします.

インタークーラー

InterCoolerJS HTML属性を追加するのと同じくらい簡単にあなたのウェブサイトにAJAXを適用することを可能にするJavaScriptライブラリです。それはあなたがツールを使い始めるのを助けるために広範囲のガイドとたくさんの例が付属しています.

ピクラ

ピクラ 画像から取得した画像ラベルを表示するjQueryプラグインです。 オルト 属性。カスタムスタイルとモーションをラベルに追加するためのオプションがいくつかあります。 PiclaはBowerとあなたのウェブサイトの依存関係としてインストールすることができます。.

イジモダル

これが表示するjQueryプラグインです。 モーダル ポップアップ. イジモダル パーソナライズのためのオプションがたくさんあります。たとえば、アニメーション、テキストコンテンツ、色をカスタマイズできます。軽量で反応がよく、網膜対応です。.

メガボイラープレート

メガボイラープレート 開発スタックを素早くセットアップするためのジェネレータです。 Webサイトにアクセスして、Webサイトの基盤として使用するツールとライブラリ（Node.js、HTML 5、Vanilla JavaScript、およびElectron）を選択します。必要なものすべてをzip形式のパッケージにまとめて構成し、ダウンロードできるようにします。.

ハウラー

Web Audio APIを使用して現代のオーディオプレーヤーを表示するためのJavaScriptライブラリ, ハウラー IE9と同じくらい古いブラウザで動作し、MP3、WEBM、WAVのような多くのオーディオコーデックをサポートします。たくさんの機能、モジュール式、そして外部ライブラリなしで動作.

SuperEmbed

SuperEmbed 元の比率を維持しながら、埋め込みオブジェクトをレスポンシブにする小さなJavaScriptライブラリです。 Youtube、Flickr、Vine、VideoPress、DailyMotionなどの幅広いソースをサポートしています。デモを見る.

CleaveJS

切る入力の値を自動的にフォーマットするJavaScriptライブラリです。たとえば、通貨入力に桁区切り記号を追加したり、クレジットカード番号入力にスペースを追加したり、または追加したりできます。 / 日付入力より良いユーザーエクスペリエンスを提供するためにこのライブラリを使用してください.

反転反転

FlippingTypical システムにインストールされているすべてのフォントを表示できます。私はこのアプリを使用するよりも便利であることがわかりました フォントブック macOSのアプリ。ランダムなテキストを入力して、システム上のどのフォントが最もよく見えるかを調べます。.

ライトテーブル

私は新しいIDEを検討する価値があると思います。それはMatt Mullenweg（WordPressの創設者）に支持されたKickStarterプロジェクトとして始まり、ついにオープンソースになりました。このビデオを見て、このIDEがどれほどクールであるかを知ることができます。.

コンプレッサー

コンプレッサー 画像品質を損なうことなく、最小サイズまで画像ファイルを圧縮するWebアプリです。 JPG、GIF、PNG、SVGもサポートしています。このアプリは無料です.

マイクロソフトサイトスキャン

これは、ブラウザの互換性やアクセシビリティなどの問題についてWebサイトを分析するためのMicrosoftの便利なツールです。このツールは、あなたのウェブサイトについて何か問題があるかどうか、そしてどのようにあなたが問題に取り組むことができるかについてあなたに伝える報告をリストするでしょう。試してみる!

ブログを無効にする

このプラグインは、その名のとおり、投稿、コメント、フィードなどのブログ機能を削除します。あなたがWordPressのブログ機能を必要としない場合、それはあなたのための正しいプラグインです。.