Webデザイナーおよび開発者向けの新鮮なリソース(2018年10月)
他の業界のWeb開発とは異なり、Web開発は飛躍的に変化しています。に対応するために、ほぼ毎日開発されている新しいツール、方法、およびフレームワークがあります。 新しいトレンドと技術の進歩 Web業界では.
だからここに簡単に実行するためのPHPフレームワークを含む最新のツールとリソースのリストがあります。 あなたのPHPアプリケーションのためのE2Eテスト, W3Cアクセシビリティ標準に準拠した色を生成するためのツール、およびVue.js拡張機能のほんの一握り。全リストを見るにはジャンプしましょう.
キーフレームアプリ
Webベースのアプリケーション CSSアニメーションを作成するための素晴らしいGUIを提供する タイムラインでアニメーションを視覚化します。このアプリでは、満足したらCSS出力をダウンロードすることもできます。 CSSのキーフレームはCSSの最も簡単な仕様ではないので、このようなアプリを持つことは間違いなく時間の節約になるでしょう.

Symfony Panther
“Symfony Panther” は、SymfonyのE2E(End-to-End)テストを実行するための素晴らしいPHPフレームワークです。それは付属しています 内蔵Webサーバー コンピュータにインストールされているChromeを利用してE2Eテストを実行する可能性があります。.
また、対応 JavaScriptの実行、スクリーンショットのキャプチャ、カスタムSeleniumドライバ, Chrome、そしてFirefoxクライアント。スタンドアロンフレームワークなので、WordPress、JoomlaなどのPHPプロジェクトにPantherを含めることができます。.

トレンディパレット
美しいカラーパレットのコレクション。コレクションは数千を提供しています 厳選されたカラーパレット. ユーザーは新しいカラーパレットを送信できるので、常に新しいパレットが昨日追加されることがあります。 TrendyPalettesはChrome拡張機能としても利用可能です.

Eagle.js
Eagle.jsは、Vue.js上に構築されたスライドを作成するためのフレームワークです。そのため、スライド内でカスタムVue.jsコンポーネントを簡単に再利用できます。スライドもサポート キーボードとマウスのナビゲーション、カスタムスタイルまたはテーマ設定, インタラクティブなウィジェット、およびスライドをすばやく設定して表示するのに役立つ定型句を提供します。それは素晴らしいことができます Reveal.jsに代わるもの, 特にVue.jsに慣れている方は.

Grape.js
GrapeJSはあなたが簡単にWebページを構築することを可能にするオープンソースのWebビルダーです。 コンポーネントをドラッグアンドドロップする. これは、Text、Image、Vidoe、Columns、Map、Quoteなどの一般的なコンポーネントを提供します。これをHTMLやCSSにエクスポートすることができます。これまでに試した類似ツールとは異なり、出力は驚くほどきれいです。デモをチェックする.

バピッド
Vapidは、Node.jsを使用して構築された、興味深いユニークなアプローチを使用した新しいCMSです。ほとんどのCMSでは、新しい種類のデータを含めることを想定しているため、最初に[ダッシュボード/管理]領域でカスタム入力を定義する必要があります。.
Vapidでは、テンプレートを定義できるのとは逆になり、Vapidは自動的にダッシュボード/管理領域に入力を生成します。 NPMパッケージとして入手可能.

WP CLI通知
名前はそれをすべて言います。 WP-CLIが既に実行されているときにOS通知を表示するためのカスタムWP-CLIパッケージです。かなり派手な.

CSSGr.id
CSSグリッドを作成するためのWebベースのアプリケーション。項目数、列数、各項目間の間隔、各項目スパンを設定してから、HTMLコードとCSSコードを生成できます。 CSSグリッドはCSSの仕様の1つで、理解が容易ではありません。しかし、このツールはそれを扱うことをとても簡単にします.

スクロールヒント
ScrollHintは、Webページ上のセクションがスクロール可能であることを示すために上に要素を作成することを可能にするJavaScriptライブラリです。あなたがウェブを消費するとき、ほとんどの人が自然に左から右へ(またはその逆に)スクロールされないので、これはあなたがあなたのウェブページ上に水平スクロール要素を持っているなら特に役に立ちます.

PristineJS
入力に検証を追加するためのJavaScriptライブラリ。 HTML5はすでにいくつかの型の検証が付属しています “type = email”, そして “タイプ=番号” 例えば。しかしあなたが必要な場合 HTML5に実装されていないカスタムバリデータ, このJavaScriptライブラリは役に立つでしょう.

選択JS
たいていの人はおそらく自分のコンピュータで複数のフォルダやファイルを選択する方法に既に慣れています。彼らは通常マウスをクリックしたまま選択したいファイルやフォルダにドラッグします。あなたがあなたのウェブサイトに同じUXを適用したいなら、SelectionJSは役に立ちます。.

Webダッシュ
Webdashはできるツールです。 プロジェクトをGUIインタフェースに表示する. それを通して接続します package.json
お使いのコンピュータにファイルします。だからそれはのリストを表示することができます NPMパッケージ、パッケージの更新、登録済みスクリプト、スクリプトの実行, WebdashからREADMEファイルをプレビューすることもできます。めっちゃすごい!

CanJS
Webインターフェースを構築するためのJavaScriptフレームワーク。それはいくつかの追加機能を備えたReact.jsに似ており、 ルータ、DOM Utilities、AJAX機能はそのまま使用できます。. それはまたかなり活発なコミュニティサポートをいくつかの拡張を提供しています.

CheerioJS
DOM(Document Object Model)用のjQuery Core仕様を実装し、サーバーサイドで使用するように設計されているJavaScriptライブラリ。もしあなたが〜なら Node.jsを使いながらjQuery構文も楽しんでください。 好き addClass()
, attr()
, そして find()
, これはあなたが探しているJavaScriptです。.

カラーボックス
Colorboxは、カラーアクセシビリティ標準に準拠したカラーコンポジションを生成するためのLyftのイニシアチブです。ツールはあなたが簡単にできるようにすることができます巧妙なアルゴリズムを搭載しています ノブを動かして設定を変更する, そしてそれはあなたのために適切な色を生成します。すごい.

PHP 7.4で型指定されたプロパティ
前回の記事で述べたように、PHP7.3はもうすぐ登場します。しかし、PHP7.4はすでに計画中です。そのうちの1つがTyped Propertyです。これはすぐにできるようになることを意味します のようなものを書く public int $ id;
あなたのPHPクラスで. それはあなたのPHPアプリケーションのバグを減らすのにかなり役立つかもしれない大きな変化です.

ステンシル
最新の標準を使用してWebコンポーネントを簡単に作成できるJavaScriptコンパイラ。それに加えて、StencilJSはいくつかの現代的なWeb開発アプローチをミックスに加えています。 JSXサポート、反応性、ルーター、および状態管理 プラグインを使う.

無限のロード
無限スクロールページを作成するためのVue拡張。それは携帯にやさしいです スクロール可能な要素と互換性があります. それはまた2つのスクロール方向をサポートし、そして何よりも、それは多くの時間を節約します.

Vクリップボード
それを可能にするカスタムVue.js拡張 作成が簡単 “コピーする” ボタン. あなたは単に追加することができます Vクリップボード
ボタンに属性を設定すれば、すべて設定できます。このVue.js拡張機能は、IE11および最新のブラウザだけでなく、最近のあらゆるブラウザに対応しています。.

ヴューセレクト
Select2と同様の機能を提供するVue.jsコンポーネント。これはVue.js用に設計されています。 Vuexとの互換性、カスタムテンプレート, そして他のVue.jsの長所.
