これまでの記事で、フロントエンド開発者にとって必須のツール、スクリプト、リソースのコレクションを紹介したことを覚えているかもしれません。今日の記事では、引き続き、Web 開発とデザイン用に厳選したオンライン ツール アプリケーションのグループを推奨します。 Web 開発とデザインのプロセスに利便性とスピードをもたらすと信じています。 フロントエンド開発関連jsfiddle Jsfiddle は、長年確立されたオンライン デバッグおよびコード共有 Web サイトです。JavaScript/CSS/HTML コードをオンラインでデバッグし、コミュニティ、フォーラム、ソーシャル メディアに簡単に公開して、友人と共有したり質問したりできます。さまざまなライブラリが統合されており、その中から選択できます。 もう一つの類似ツールは jsbin.com で、これも非常に優れています。その他のツールについては、以前の記事を参照してください。 Codepen は、フロントエンド コードをオンラインでデバッグおよび共有するのに役立つ場所でもあります。jsfiddle とは異なり、オンライン デモやユーザーが最近追加したコードを確認したり、他の Web サイトやフォークに簡単に共有したりできるコミュニティのようなものです。 jsfiddle と比較すると、フロントエンド効果の表示を支援するプラットフォームに似ています。頻繁にアクセスすると、html5、js、CSS3 など、非常に優れたフロントエンドエフェクトを多数見つけることができます。非常に良いです、皆さんに強くお勧めします! gbdebug は、gb タグ コミュニティに統合されたフロントエンド デバッグ ツールです。元々は、コミュニティ内の友人が質問したり、jQuery コードの効果を示したりできるようにするために開発されました。jsfiddle を使用すると、間違いなく非常に使い慣れたツールになります。最も強力なのは、GB コミュニティ コンテンツとの統合です。独自のフロントエンド ディスプレイ、テンプレート、チュートリアルを共有し、gbdebug を使用して「オンライン デバッグ」を追加することで、誰でもオンラインで簡単に読み取り、デバッグできるようになります。 通常のフォームのファンなら、このオンライン ツールは間違いなく必須のツールの 1 つです。reFiddle+ は、通常のフォームをオンラインでデバッグするのに役立ちます。データと対応する正規表現を入力するだけで、ハイライト表示された結果を見ることができます。非常に直感的でシンプルではないでしょうか。きっと気に入っていただけると思います。 開発言語が Ruby の場合、オンライン ツール RubyFiddle をすでにご存知かもしれません。このオンライン ツールを使用すると、Ruby コードをオンラインでデバッグできます。jsfiddle や codepen に少し似ていますが、コードの Ruby バージョンです。 Ruby コードを貼り付けて、「実行」ボタンをクリックするだけです。Vim や Emacs の入力方法もサポートしています。 この CSS3 コード ジェネレーターは、一般的な CSS3 コード生成ツールとは異なります。パララックス スクロールを使用してコンテンツを表示し、必要な CSS3 コードを動的に生成するためのカスタマイズされたオプションを提供します。超クールでスタイリッシュ! このウェブサイトは、以前の関連記事でも紹介されています。HTML5関連の技術を正しく使用する方法を知りたい場合は、このツールのウェブサイトを詳しく見るのが一番です。非常に実用的です! DOMモンスター Web アプリケーションを開発する場合、パフォーマンスは避けられない問題です。実は、DOM のパフォーマンスデバッグも欠かせないプロセスです。 DOM モンスターを使用するには、それを「ブックマーク」に追加するだけです。デバッグが必要なページでこのブックマークをクリックすると、現在のページのパフォーマンスの問題を一覧表示するのに役立ちます。便利ですよね! zbugs はバグ関連のツールのように見えますが、実際には CSS/Javascript をすばやく圧縮するのに役立つオンライン ツールです。Web サイトへのリンクを提供し、関連するファイルをダウンロードして、Web サイトにアップロードするだけです。 Buildwith は、ウェブサイトで使用されているテクノロジーを理解するのに役立つオンライン ツールです。検出したいウェブサイトのアドレスを入力するだけで、このウェブサイトで使用されているフロントエンドとバックエンドのテクノロジーと関連リンクが生成されます。ハッカーであれば、このツールは不可欠だと思います: D |
>>: KVM 仮想化のインストール、展開、管理のチュートリアル
Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮...
目次タグ付きユニオン型を使用した支払い方法の構築タグ付きユニオン型を使用した Redux アクション...
この記事の例では、WeChatアプレットで写真をアップロードするための具体的なコードを参考までに共有...
目次Zabbix カスタム監視 nginx ステータス1. ステータスインターフェースを開く2. 監...
Union は、重複行を除外し、デフォルトのソートを実行する、データに対する結合操作です。Union...
2020 年 4 月 23 日、本日、Windows 上の Ubuntu 20.04 では、Ubun...
解決プロセス:方法1: CentOS7.3 のデフォルトのカーネル バージョンは低く、3.10.0-...
この記事では、シンプルな画像カルーセル効果を実現するためのJSの具体的なコードを参考までに紹介します...
デフォルトでは、コンテナ内のプロセスは root ユーザー権限で実行され、この root ユーザーは...
1. app.jsonを使用してページを作成する私たちの通常の開発習慣によれば、新しいページを作成す...
この記事では、USBバーコードスキャナデータを取得するjsの具体的なプロセスを参考までに紹介します。...
最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...
アプリケーション全体を CentOS にデプロイする必要があるため、当然ながらデータベース操作は不可...
最近私の記事を読んだ人なら誰でも、私が現在WeChatミニプログラムプロジェクトを担当しており、その...
以前、Markdown をレンダリングするときに、mavonEditor のプレビュー モードを使用...