これまでの記事で、フロントエンド開発者にとって必須のツール、スクリプト、リソースのコレクションを紹介したことを覚えているかもしれません。今日の記事では、引き続き、Web 開発とデザイン用に厳選したオンライン ツール アプリケーションのグループを推奨します。 Web 開発とデザインのプロセスに利便性とスピードをもたらすと信じています。 フロントエンド開発関連 jsfiddle Jsfiddle は、長年確立されたオンライン デバッグおよびコード共有 Web サイトです。JavaScript/CSS/HTML コードをオンラインでデバッグし、コミュニティ、フォーラム、ソーシャル メディアに簡単に公開して、友人と共有したり質問したりできます。さまざまなライブラリが統合されており、その中から選択できます。 もう一つの類似ツールは jsbin.com で、これも非常に優れています。その他のツールについては、以前の記事を参照してください。 コードペン Codepen は、フロントエンド コードをオンラインでデバッグおよび共有するのに役立つ場所でもあります。jsfiddle とは異なり、オンライン デモやユーザーが最近追加したコードを確認したり、他の Web サイトやフォークに簡単に共有したりできるコミュニティのようなものです。 jsfiddle と比較すると、フロントエンド効果の表示を支援するプラットフォームに似ています。頻繁にアクセスすると、html5、js、CSS3 など、非常に優れたフロントエンドエフェクトを多数見つけることができます。非常に良いです、皆さんに強くお勧めします! gbデバッグ gbdebug は、gb タグ コミュニティに統合されたフロントエンド デバッグ ツールです。元々は、コミュニティ内の友人が質問したり、jQuery コードの効果を示したりできるようにするために開発されました。jsfiddle を使用すると、間違いなく非常に使い慣れたツールになります。最も強力なのは、GB コミュニティ コンテンツとの統合です。独自のフロントエンド ディスプレイ、テンプレート、チュートリアルを共有し、gbdebug を使用して「オンライン デバッグ」を追加することで、誰でもオンラインで簡単に読み取り、デバッグできるようになります。 リフィドル+ 通常のフォームのファンなら、このオンライン ツールは間違いなく必須のツールの 1 つです。reFiddle+ は、通常のフォームをオンラインでデバッグするのに役立ちます。データと対応する正規表現を入力するだけで、ハイライト表示された結果を見ることができます。非常に直感的でシンプルではないでしょうか。きっと気に入っていただけると思います。 ルビーフィドル 開発言語が Ruby の場合、オンライン ツール RubyFiddle をすでにご存知かもしれません。このオンライン ツールを使用すると、Ruby コードをオンラインでデバッグできます。jsfiddle や codepen に少し似ていますが、コードの Ruby バージョンです。 Ruby コードを貼り付けて、「実行」ボタンをクリックするだけです。Vim や Emacs の入力方法もサポートしています。 CSS3 ジェネレーター この CSS3 コード ジェネレーターは、一般的な CSS3 コード生成ツールとは異なります。パララックス スクロールを使用してコンテンツを表示し、必要な CSS3 コードを動的に生成するためのカスタマイズされたオプションを提供します。超クールでスタイリッシュ! HTML5をお願いします このウェブサイトは、以前の関連記事でも紹介されています。HTML5関連の技術を正しく使用する方法を知りたい場合は、このツールのウェブサイトを詳しく見るのが一番です。非常に実用的です! フロントエンドパフォーマンス最適化ツール DOMモンスター Web アプリケーションを開発する場合、パフォーマンスは避けられない問題です。実は、DOM のパフォーマンスデバッグも欠かせないプロセスです。 DOM モンスターを使用するには、それを「ブックマーク」に追加するだけです。デバッグが必要なページでこのブックマークをクリックすると、現在のページのパフォーマンスの問題を一覧表示するのに役立ちます。便利じゃないですか? バグ zbugs はバグ関連のツールのように見えますが、実際には CSS/Javascript をすばやく圧縮するのに役立つオンライン ツールです。Web サイトへのリンクを提供し、関連するファイルをダウンロードして、Web サイトにアップロードするだけです。 その他の種類のツール ビルトイン Buildwith は、ウェブサイトで使用されているテクノロジーを理解するのに役立つオンライン ツールです。検出したいウェブサイトのアドレスを入力するだけで、このウェブサイトで使用されているフロントエンドとバックエンドのテクノロジーと関連リンクが生成されます。ハッカーであれば、このツールは不可欠だと思います: D 元のタイトル: Web 開発者やデザイナーにとって欠かせないオンライン Web ツールの Web サイトとアプリケーション キーワード: ウェブ、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化 |
<<: SEOも雄弁で、ウェブサイトのランキングを向上させるためにあらゆるステップを慎重に実行する必要があります。
>>: ウェブサイト内部からのユーザーエクスペリエンス最適化の重要なポイントをいくつかお話ししましょう。
オラクルは本日、マーケティング担当者が顧客体験を最適化できるよう支援するOracle Marketi...
2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っていますインターネ...
先日、昔の同級生と会って、現在の仕事について話しました。公務員もいれば、ビジネスマンも、管理職も、営...
一般的なウェブマスターとして、また企業のウェブサイト構築者および管理者として。何度も、なぜ最適化され...
上海の記者タオ・リー本紙は昨年7月、「リベートサイトは不当な条件を使っていると非難されることが多く、...
Urpad が最後に私のブログに登場したのは、2018 年 3 月 8 日です。Root Level...
shockhosting は、大容量ハードドライブ VPS、ハードドライブ RAID10、KVM 仮...
先週末、Ctrip.comは深刻なセキュリティリスクにさらされた。ユーザーの銀行カードのデータがロー...
raksmart データセンターの「ベアメタルクラウド」は、英語で「Bare-Metal Cloud...
ウェブサイトのランキングには不安定な要素があり、ウェブサイトのSEO最適化を行う上ですでに面倒なこと...
本日、サンフォー工業大学の公式ウェブサイトが正式に開設されました。当社は、今後も政府、社会、大学、企...
Polaris は、分散型またはマイクロサービス アーキテクチャにおけるサービスの可視性、フォールト...
インターネットが中国に導入された日から、軽薄な風潮が蔓延している。毎年、数多くのモデルや製品が登場し...
11月、どのトラフィックプラットフォームの潜在力が大きいのか、各プラットフォームのトップバイヤーは誰...
2009年に設立されたスペインの商人であるseredは、主にスペインの仮想ホスティング(クラスターホ...