Webデザイナーおよび開発者向けの新鮮なリソース(2017年4月)
2017年の初めから、Web開発の世界では多くのことが変わりました。 一日おきに来る新しいアプリとリソース. この傾向に追いついて、私は今日あなたと新しいWeb開発リソースのカップルを共有しています.
これらのリソースにはあなたを助けるだろうWebアプリが含まれています Reactを学ぶのに役立つコース、新しいネイティブCSS Gridモジュールを学ぶ 最初から、PHPのデザインパターンを学ぶための参考資料 あなたのPHPコードを改良する, そしてもう少し。チェックしてみましょう.
その他のリソースはこちらその他のリソースはこちら
推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。.
スリンキー
A スケッチプラグイン それはあなたを可能にします ArtboardをHTMLメールテンプレートにエクスポートする 簡単なクリックで。 Slinkyは現在活発な開発段階にあります、しかし、まだ端に荒いいくつかのことがあります。だからガイドラインに従ってください 最良の出力を得る.

ボイルプレート
A ボイラープレートとテンプレートの管理ディレクトリ あなたがプロジェクトを素早く始めるのを助けるために。それは含んでいる多数の言語そしてフレームワークのボイラープレートのリストを含んでいる jQuery、Angular、React、WordPress、バックボーン、そしてElectron.

グリッディー
CSS Gridは次に重要なことです レイアウトの配置方法を変更する ウェブサイトを構築するためにグリッドフレームワークを使用する。ただし、複雑さを考えると、CSSグリッドを使用することは可能性があります 一部のユーザーにとっては圧倒的です. そのような場合、この便利なWebアプリケーション、Griddyは非常に便利です。 CSSグリッドの学習に役立つ.

反応の基礎
私は執筆時点でReactを学んでいます 素晴らしいコースを見つけました 初心者としてReactを学ぶことができる場所。コースはビデオ、記事、そしてクイズで構成されています。そして私はそれを言及しました このコースは絶対に無料です。?

シャーシデスクトップ
シャーシは WordPressエコシステムを中心に構築するように設計された仮想マシン構成 テーマやプラグインなど。それはあなたが視覚的にシャーシ設置を管理することを可能にするでしょう。これを書いている時点では、シャーシは まだ開発段階ですが、間もなくリリースされる予定です。.

ペーパーサイズ
のコレクション 各国で使用されている標準用紙サイズ 日本、フランス、カナダでよく使われているサイズを含みます。それは素晴らしいリソースです Webデザイナーと開発者の両方がブックマークする必要があります.

TippyJS
すてきな ツールチップを構築するためのJavaScriptライブラリ, TippyJSには、ツールチップの表示方法と動作方法を設定するための豊富な設定があります。それはあなたがすることができる方法で「テーマ」です。 CSSを通して簡単に見た目をカスタマイズする. 開発者は特に感謝するでしょう “折り返し電話” それは提供します.

デザインパターンPHP
プログラミング言語のデザインパターンを理解する 機能するだけでなく、スケーラブルで保守も容易なコードの作成に役立ちます。. あなたがPHPに慣れているなら、これはあなたが調べるべきチュートリアルの一つです。.

げんき
パズルは便利です HTTPリクエストを行うためのPHPライブラリ のような様々な方法で “取得する”, “役職” そして、JavaScriptに似たAsyncリクエストもあります。それは付属しています 豊富な関数メソッド レスポンスを含め、作成したリクエストから簡単にレスポンスを取得できる場所 ヘッダー、本体、およびステータスコード.

Mini.css
ミニは 最小限のフットプリントを持つCSSフレームワーク. そして他のフレームワークと同様に、それは以下のような多くのWebコンポーネントと共に出荷されます。 グリッド、ナビゲーション、表, 等.

SimpleIcons
A 企業やブランドのアイコン集 eBay、Viber、Dribble、Google +などの人気のあるものから、Gitter、Kirby、Viadeoなどの最も人気のないものまで。の アイコンはSVG形式です そしてデザイナーと開発者の両方にとってすばらしいリソースであると証明することができます.

Chrome MySQL管理者
A MySQLデータベースを管理するためのChrome拡張. これはSequel ProやMySQL Workbenceのようなアプリに代わる素晴らしいツールです。.

ヌミ
ヌミは シンプルで美しい、そしてユニークな電卓アプリ Mac用。単純タイプ “SGDで10米ドル” そしてあなたは結果を得ます!

ララドック
A Laravelを実行するためのDocker構成. Laradockは、MariaDBやMongoDB、RedisやMemchacedなどのキャッシュエンジンを含むさまざまなデータベースエンジンをサポートしています。それはLaravelにちなんで名付けられていますが、あなたはすることができます WordPressやDrupalのような他のフレームワークやプラットフォームにそれを使う 同様に.

ファブリカ
ファブリカは WordPressを最初から最後まで開発するためのツール集. FabricaはDockerを使用して迅速に実行し、開発環境を設定してWordMoveを使用します。 展開用.

ハスキー
ハスキーは ノードモジュール これにより、次のようなgithookを実行することができます。 プリコミット
, 受け取り前
, そして 受信後
.

EasyMap
EasyMapは絶対にそれを作ります Googleマップでのレンダリングとマーカーの追加が簡単. Google Maps APIキーを追加して、に住所を入力してください。 JSONフォーマット そしてあなたは終わりました.

Wappalyzer
便利です Webサイトが使用しているツール、サーバー、ライブラリを確認するためのChrome拡張機能. このツールから、私はまだ人気のあるウェブサイトがたくさんあることを考え出しました GithubのようなものでさえjQueryを使う.

バッシュガイド
バッシュガイド, 名前が示すように、 基本的なコマンドラインのための便利なガイド. 始めたばかりのWeb開発者のための素晴らしいリソース 端末とコマンドライン.

Chroma.js
Chroma.jsは 色を操作するためのJavaScriptライブラリ. HEX、RGB、RGBAなど、さまざまなカラーフォーマットをサポートしています。それに加えて、あなたもすることができます 明るさ、コントラスト、彩度で色を操作する.
