👐🏼 🏾 🥡 デザイナーとフロントエンド開発者向けのリソース 👨‍⚕️ 🥉 🧦

以下は、デザイナーとフロントエンド開発者向けのツールの選択です。それらをすべて表示することを強くお勧めします。自分に役立つものを見つけてください。

/ photo ナンシー<スナップするよ！ CC

検索する

StackOverflow ：プログラミングの質問。
UX Stack Exchange ：ユーザーエクスペリエンスの問題。
グラフィックデザインスタック交換：グラフィックデザインの質問。
MDN ：Mozilla Developer Network（役に立つドキュメント）;
クリエイティブコモンズ：著作権のない画像を検索します。

オンラインコミュニティ

ハッカーニュース：スタートアップの文化、ニュース、トレンド。
デザイナーニュース：デザインカルチャー、ニュース、トレンド。
Product Hunt ：スタートアップの文化、ニュース、トレンド。
サイドバー：デザインカルチャー、ニュース、トレンド。
ドリブル：デザインカルチャーとトレンド。
Behance ：文化とトレンドをデザインします。
/ r / web_design ：Webデザインに関するSubreddit。

インタビュー

Dorm Room Tycoon ：デザイナーとのインタビュー。
指定ブログ：指定カリキュラムブログ。
Humble Pied ：短いビデオインタビュー;
InvisionAppブログ：InvisionAppブログ。

適応性

レスポンシブパターン：レスポンシブ開発用のテンプレートとモジュールのセット。
Responsive PX ：ビューポートのセットアップ。
Lettering.js ：レスポンシブタイポグラフィ。
適応画像
適応テーブル。
PXをEMに変換します。
メディアクエリテンプレートライブラリ
レスポンシブWebデザインの最も包括的なガイド。
これはレスポンシブです：テンプレートライブラリ。
インク：アダプティブインターフェイスの作成。
Responsinator ：デバイス全体のビューポートを表示します。

フロントエンド開発

グリッド：フロントエンド開発に関する簡単な言葉で。
コードガイド：HTML / CSSの標準。
フロントエンド技術の開発に遅れずについていく方法。

フロントエンドフレームワーク：

Javascriptフレームワーク：

チームワーク

分析

ホスティングプラットフォーム

CloudCannon ：静的Webサイトの無料ホスティング。
パンケーキ：無料の静的ウェブサイト。
バックリフト：無料の静的ウェブサイト。
Site44 ：無料の静的Webサイト。
DivShot ：無料の静的Webサイト。
Meteor ：JavaScriptアプリケーションのフレームワーク。
Firebase ：JavaScriptアプリケーションのフレームワーク。
Forge ：静的Webサイトのホスティング。

フロントエンド開発ツール

フロントエンド開発のためのリソースの膨大なリスト。
CSS3移行の概要
Bounce.js ：CSS3アニメーションを作成するためのツール。
WOW ：CSS3アニメーションライブラリ。
CSSパレット
CSS3ジェネレーター。
CSS3
CSS勾配ジェネレーター。
CSSボタンジェネレーター。
LoremPixel ：プレースホルダー画像;
Lipsum ：プレースホルダーテキスト;
ワードマーク
LayerStyle ;
border-image-generator ;
iCheck ：jQueryのチェックボックスとラジオボタンを構成します。
SVGeneration ;
Grumpicon ：SVGファイルのバックアップPNGを作成。
CSS3アニメーションガイド
animate.css ;
Pure ：レスポンシブな小さなCSSモジュール。
Tridiv ：3D CSS;
ToDoMVC ：JavaScriptリソース。
SuperheroJS ：JSライブラリ;
アンヒープ：jQueryプラグイン
ランダムユーザージェネレーター。
ユーザーインターフェイス用のアバター。
ユーザーインターフェイス名
WhatTheme ：同様のサイトを検索します。
IEブラウザーのテスト。
フロントエンドの記事とインターフェースのチュートリアル。

テンプレートとテンプレートライブラリ

微妙なパターン：視覚的なパターン。
First Time UX ：新しいユーザーインタラクション機能の概要。
ユーザーインタラクション用の設計ソリューションのライブラリ。
主観的C ：革新的なiOSインターフェイス。
UI Cloud ：最大のユーザーインターフェイスデータベース。
Androidパターン： Androidのパターン。
Android UIパターン： Android用のユーザーインターフェイステンプレート。
Androidの便利な機能： Androidで最も美しいアプリケーションのスクリーンショット。
Androidアプリパターン： Androidアプリテンプレート。
UXアーカイブ：iOS用のアーカイブ。
Pttrns ：テンプレートのセット。
Mobile-Patterns ：パターンのセット。
Inspired-UI ：iOS用の一連のテンプレート。
Capptivate ：テンプレートのセット。

ネイティブモバイルデザイン

Android向けのデザインガイド。
Appleデバイスの設計ガイド。
ブラウザー用のAndroidエミュレーター。
Android要素のカラージェネレーター。
Google Playのアイコンテンプレート。
Android Asset Studio ：さまざまなジェネレーター。
スケッチ用のテンプレート。
Androidアイコン
Androidの設計のヒント。
Teehan + Lax ：iOS用のPhotoshopインターフェイステンプレート。
iOSで作業するときに必要なことと必要ないこと。
PlaceItは、関心のあるデバイスの実際の画像を選択し、デバイス画面の代わりに独自のアプリケーション/サービスの画像を挿入できるサービスです。

プロトタイピング

Web開発（HTML、CSS、JS）。 JSフレームワーク：

ドラッグアンドドロップツール：

タイポグラフィ

フォントの選択：実用的なガイド。
実用的なタイポグラフィ：マシューバッテリーズガイド;
Instacalc ：emからpxへの翻訳。
TypeScale ;
タイプで考える：タイポグラフィリソース。
WhatTheFont ：フォント検索。
マイフォント
Typewolf ：フォントの推奨;
タイプファインダー：適切なフォントを見つけるためのツール。
Typekit ;
クラウドタイポグラフィ
Adobe Edge Webフォント
Googleフォント

色

カラーパレット ;
パレットン
Kuler ：カラーホイール。
カラー愛好家：カラートレンド。
ColorHexa ：色の百科事典;
BrandColors 。

クリアランス

スタイルタイル：タイルテンプレート;
Webstiles ：タイルテンプレート;
PNGガントレット：画像圧縮;
Pic Resize ：画像のフォーマット。
ロゴラウンジ ;
ロゴポンド ;
世界のブランド。
I <3ワイヤフレーム。
ワイヤフレームショーケース。

リンクとメモ

APIによるすべてのメモ。
JQueryメモ
100のすばらしい開発者ツールに関する記事。
レイアウトの学習：HTML / CSSを使用したレイアウト設計の学習（シンプルで直感的）。

コードの評価とリファクタリング

HTMLマークアップ評価（W3） ;
HTML Tidy ：HTMLファイルの評価とクリーニング。
CSSスコア（W3） ;
CSSクリーンアップ
CSS圧縮
Procssor ：CSS再編成;
JavaScript Compressor ：JavaScriptを圧縮します。

その他のHTML / CSSコンポーネント

Mailchimpのメールデザインに関するリンク。
美しいメールニュースレター：質の高いデザインの手紙の例。
キャンペーンモニター：完全なCSSガイド。
マークアップHTML5フォームに関するSitePointの記事。

学習（オンラインコース）

ガイド

サンドボックス

ZURB Playground ：技術実験のリポジトリ。
CoDrops ;
CSSデッキ
UIBox ：HTML / CSS / JSコンポーネントの更新されたライブラリ。
シックスUX ;
UIパレード ;
メディアクエリ ;
lovely ui ：モバイル用のデザイン要素のコレクション。
Awwwards ：デザインデザインコンペティション。
FWA ：競争力のある設計プロジェクト。
n goを実行します。
表現力豊かなウェブ。

アイコン

ファビコンジェネレーター：ウェブサイトアイコンジェネレーター。
Faviconチートシート：ウェブサイトアイコンメモ。

ドラッグアンドドロップソリューションとコンストラクター

アイコン

写真ベース

その他の情報源

Designmodo ;
デスプレナー ;
Sketchアプリのリソース
コニギツール ;
スマッシングマガジン
Freebbble ： Dribbbleでソリューションを設計します。
365psd ：無料のPSDファイル。
景品のデザイン ;
Photoshoplr ： Photoshopのプラグイン、スクリプト、および拡張機能。
FreePik
Flaticon ;
52週間のUX ;
デザインをハックします。

PSブログのもう1つの新鮮な選択：開発者向けの350以上の無料ツール。

デザイナーとフロントエンド開発者向けのリソース

More articles: