Webデザイナーおよび開発者向けのフレッシュリソース（2018年7月）

7月は夏の高さをもたらす月です、そして今月の新鮮なリソースのバッチのために、我々は確立されたそして初心者の開発者からのいくつかの熱い新しいツールを持っています.

このリストには、WordPressコミュニティによるSketchライブラリから、WordPressインターフェイスのプロトタイプを作成することを可能にするツールまで、非常に興味深いツールがいくつかあります。 React.jsとVue.jsを拡張するツール, また、開発スキルを向上させるための参考文献もいくつかあります。チェックしてみましょう.

WPRIG

Morten Rand-Hendriksenandによって作成されたオールインワンスターターWordPressテーマには、 最新のツールを使用してプロセスプリセットを作成 Gulp、Babel、ESLint、およびVisual Studioのコード統合のように。それはあなたが周囲の開発ツールを設定する煩わしさなしで素晴らしいWPテーマを作成するのを助けます.

VueNative

Vue.js仕様に基づいてコードを書くことを可能にするクロスプラットフォームのモバイルアプリケーションを構築するためのVue.jsに基づくフレームワーク。ツールは React Nativeにコンパイルする あなたのために魔法の仕事をしてください。 ネイティブネイティブ CLI Vue.jsに既に慣れているのであれば、これは モバイルアプリケーションを構築するための適切なフレームワーク.

SketchPress

10upの人々は、SketchPressをリリースしたばかりです。 WordPress管理インターフェースのモックアップやデザインを素早く作成するためのスケッチテンプレート. プライマリボタン、メニューバー、Dashicons、Metaboxなどの一般的な管理UIが満載です。SketchPressは、WordPress開発者がプラグインとテーマの設定またはオプションページをWordPress管理UIに合わせるための優れたコンパニオンツールです。.

ドク

Doczは MDXに基づくドキュメンテーションジェネレータ これはこのシリーズの最後のラウンドで紹介されました。このツールを使用すると、JSXドキュメントを作成するのと同じように、Markdown構文を使用してJSXカスタムコンピテンシーをミックスにインポートして含めることができます。.

アニミスタ

CSSアニメーションはWebを生き生きとさせます。ただし、互換性のためのブラウザのプレフィックス、パラメータ、およびアニメーションの時間枠を考慮してCSS Animationを作成するのは必ずしも容易ではありません。 Animastaはあなたのためにコードを生成することによってこのことをより簡単にします。あなたはできる あなたが単にコードをコピーすることができるところからユーザーフレンドリーなインターフェースでアニメーションを構成する.

GridToFlex

ネイティブCSSグリッドを使用して構築され、まだサポートされていないブラウザの代替としてFlexboxを使用する、一般的なWebレイアウトのいくつかの例。私たちの投稿をチェックしてください：CSS Grid Layout Moduleの紹介.

RatioBuddy

に素敵なツール 定義された比率でCSSを使ってボックスを生成する, 例えば, 1：1, 3時04分, ツールはコピーするためにSCSSフォーマットでコードを生成します。.

GraphQLの使い方

GraphQLはRESTデータ構造に代わるものです。 それを学ぶための総合的な資料. 要求されたデータを取得するだけなので、RESTよりはるかに効率的です。負荷とデータ転送の量が減ります。.

サンプル履歴

WordPressダッシュボードで行われたアクティビティの履歴を表示するためのシンプルなWordPressプラグイン。ユーザーが投稿やページを作成したり、ログインしたり、他のプラグインを有効化または無効化したときなど、WordPressのネイティブアクティビティをサポートします。それはまたできます 他のプラグインの活動を追跡する 高度なカスタムフィールド（ACF）とユーザー切り替えを含みます。これはあなたのサイトの内部活動を追跡するための素晴らしいプラグインです.

Transfer.sh

それは Shellコマンドでファイルを共有するための便利なユーティリティ. 最大10 Gbまでの任意の種類のファイルをアップロードできます。ファイルの暗号化もサポートしています。そして私はそれが完全に無料であると述べましたか?

FBソナー

iOSとAndroid用のモバイルアプリをデバッグするためのツール。アプリはのためのいくつかのツールが装備されています 便利なデバッグ経験 ログビューア、インタラクティブレイアウトインスペクタ、ネットワークインスペクタなど。それでも十分でない場合は、必要な機能を使ってアプリを拡張するためのプラグインを作成できます。.

JSUI

このアプリはあなたのプロジェクトを整理するためのより良い方法を提供するためのツールの束でいっぱいです。あなたはできる グループを作成し、人気のあるプロジェクトを使って新しいプロジェクトを作成する React、Vue、Angularのように、プロジェクトの依存関係をインストールし、Node.jsサーバーを実行します。たくさんのプロジェクトを管理する人のための素晴らしいアプリ.

ブレインモンキー

WordPress用の特定のツールを使用して設計されたPHP単体テストユーティリティ。それは可能にするツールを提供します モック PHP関数. それはまたのようないくつかのWordPress機能を扱うために箱から出してすぐに使えるツールのセットを提供します。 add_action remove_action いくつか挙げると、一般的には トリッキー テストする.

フラクタル

Fractalは、チーム内の開発者がコンポーネントをプロジェクトに統合する必要があるときに参照するための中心的な文書化ツールとして設計されています。それはあなたがすることができます コードスニペットの統合、プレビュー、ドキュメント、メモの表示, 各コンポーネントの等.

アントデザインプロ

“AntDesign” React.jsに基づいて人気のあるUIフレームワークの1つであり、これがその “プロ” エンタープライズアプリケーション用に設計されたバージョン. これには、AvatarList、HeaderSearch、TagSelectなど、AntDesign共通パッケージにはないいくつかの追加コンポーネントが含まれています。.

フレームワークはまた持っています ビルドツール、テストスイート、デプロイメントなどの組み込み開発ツール ワークフローの設定に時間を無駄にすることなく、すぐにコードを処理できます。.

LuminJS

超小型 Webサイト上のテキストを強調表示するためのJavaScriptライブラリ. 複雑なDOM構造とシームレスに機能し、スピード、スタイル、アニメーションを設定できるという点でプログラム可能です。.

プロンプト

便利です Node.jsを使用して対話式CLIを構築するためのNPMパッケージ. 基本的なプロンプト、複数の選択肢、動的プロンプト、パスワード、テキスト、番号、Eメールなどのさまざまな種類の入力をサポートします。.

知覚

クールなWordPressプラグイン WordPressメディアライブラリ検索を改善する Google Cloud Vision APIを使用して画像を分類します。たとえば、アップロードした場合 “鳥” 画像、キーワードを使用して画像を検索することができます “鳥” キーワードが画像名、ファイル名、またはメタデータに含まれているかどうか.

DevTube

のコレクション Youtubeから集めた、いくつかの開発者カンファレンスのビデオ JSConf、Google TechTalk、およびO'Reillyのように。今すぐあなたのポップコーンを取得し、あなたの開発スキルをレベルアップ.

Reactive.how

リアクティブプログラミングは増加しています。特にデータストリームが豊富でミリ秒ごとに連続的に流れるようなWebを中心としたプログラミングの新しいパラダイム。このリソースはCèdricSoulasからのイニシアチブです。 の原則を教える 反応性 プログラミング.