Codaの開発チームであるPanicは、新しいMacOS固有のコードエディターNovaを立ち上げました。 「CODA 3」と見なすことができますが、コードの書き直しのために、新しい名前を採用します。
いくつかのベータバージョンを経験しました。公式にリリースされた後、私は割引価格でそれを購入し、それを使い始めました。これが私の考えのいくつかです!
他の多くの人と同様に、私はVSコードを使用しています。 VSコードは非常に優れていて無料です。私のチームメンバーもVSコードを使用しています。私のコードの使用習慣を変更することは非常に困難です。コードエディターの切り替えについて以前に書きました。要するに:
- 最初の使用では面倒ではないはずです。つまり、移行後に新機能を学ぶことができます。
- 私を惹きつけるには、いくつかのキラー機能がなければなりません。
私は本当にきれいでエメットが好きです。私がそれらを使用できないなら、私は間違いなくあきらめます。幸いなことに、それらは最も人気のある拡張機能の1つです。
Emmetのデフォルトの拡張ショートカットはCtrl-Eですが、Tab拡張をサポートしていないようです(私が知っている限り)これは理想的ではありません。ただし、エメットのすべての高度な機能がありますが、必要なキープレスにマッピングできます。
キーバインディング設定は素晴らしいです。 Command-Tを「クイックオープン」にマッピングするなど、使用することに慣れているすべてのショートカットキーをマッピングできます。これは、VSコードの「ファイル...」機能に似ています。
30近くのコード拡張機能を有効にしました。それらはすべて、VSコードで個人的に私にいくつかの便利な機能を追加します。これまでのところ、機能が不足していることはありません。 Novaのデフォルトの動作が、多くのサードパーティの調整なしで十分に優れている場合(前述の2つの主要な拡張機能を除く)、それは私にとって追加のボーナスになります。たとえば、私はすでに虹であるため、私のインデンテーションを虹にするためにプラグインは必要ありません!
私は少なくとも1日に「In-Project Find」を使用しているので、この機能は私にとって非常に効率的でなければなりません。これまでの私の唯一の問題は、「インデックスファイル...」に巻き込まれているように見えることです(または、ファンが非常に速くスピンするため、立ち往生していると感じます)。とはいえ、良い検索結果を返すようです。
NovaのMacOSスタイルは非常に強いです。 「プロジェクト内検索」検索結果の範囲制限(たとえば、 *.jsファイルのみを返す)には、新しい検索範囲を作成する必要があります。カスタム名でその範囲を保存することはできますが、これは良いアイデアですが、結果を資格を得るために *.jsをすばやく入力できる入力フィールドの代わりに、MacOS Finderで長い、UIが多い検索範囲適格方法を使用します。言い換えれば、それは実用性というよりもMacosスタイルに重点を置いているように感じます。
別の非常に明白なMacOSスタイルは、ファイルブラウザーを開くためのフォルダーを右クリックすることです。これは、Finderのフォルダーを右クリックすることとまったく同じです。ある意味では、このメニューには多くの強力な機能があるため、これは心強いものです。
しかし、それはまた、コンテキストで非常に役立つかもしれないいくつかの機能を欠いています。たとえば、「端末ウィンドウでこのフォルダーを開く」というオプションが逃しています。
UIの詳細は優れています。コードフォント設定の選択は素晴らしいです。ミニマップは見栄えが良く、小さな色の長方形のコードを表しています。 WindowsとEditorのテーマは非常にうまく行われています。 UIのあらゆる側面は非常にエレガントです。
それはまだCODAの後継者であるため、リモートサーバーにSFTPが必要であり、直接編集する場合、機能は残ります。先日、故意にGITを入れなかったファイルを編集するために使用する必要がありました。そのため、機能はまだ便利です。
それ以外の場合は、Panic Syncがすべての認証情報をインポートしているため、コーダを使用してジョブを行います。
私はそれが組み込みのブラウザを持っているのが好きです(もちろんSafari)。あまりにも多くのウィンドウの切り替えを行わなくても、1つのアプリケーションで作業する習慣に入ることができるのだろうか。これは、ファイルブラウザー、コードエディター、端子、ブラウザ、およびDevToolsを意味します。
それは少し...一度にたくさんのものを見るのはクールですか?私はそれらのdevtoolsに精通しているので、組み込みのクロムを使用するオプションがあればいいのにと思います。 TMUXセッションでは、端末のクリックイベントに応答しないなど、いくつかの欠点もあります。
興味深いことに、Swiftは組み込みの言語ではありません。 MacOSスタイルを考えると、PanicはSwiftでNovaの一部を書いたと思いました。
少なくとも、Novaのログインページをチェックして、すべてのCSSのヒントをご覧ください! Novaテーマを示すために使用される画像のアニメーションクリップパスは非常にクールです(Safariのクリップパスアニメーションがハードウェアの加速されていると聞きました。これは素晴らしいことです!)。同じアニメーションを共有し、驚異的なものを共有しているのは、一緒に重ね合わされた画像だけです。
<code>@keyframes wipe { 0% { clip-path: polygon(-50% 0%, 0% 0%, -50% 101%, -100% 101%) } 100% { clip-path: polygon(150% 0%, 200% 0%, 150% 101%, 100% 101%) } } /* ... */ img#interface1 { animation-delay: -17000ms; } img#interface2 { animation-delay: -15000ms; } img#interface3 { animation-delay: -13000ms; } img#interface4 { animation-delay: -11000ms; }</code>
しかし...これは単に美しすぎる:ああ、Display-P3カラー形式の使用もチェックする必要があります!
以上がノバの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

FlexBoxまたはグリッドの選択は、レイアウト要件によって異なります。1)FlexBoxは、ナビゲーションバーなどの1次元レイアウトに適しています。 2)グリッドは、雑誌のレイアウトなどの2次元レイアウトに適しています。この2つは、レイアウト効果を改善するためにプロジェクトで使用できます。

CSSファイルを含める最良の方法は、タグを使用してHTMLパーツに外部CSSファイルを導入することです。 1.タグを使用して、外部CSSファイルを導入します。 2。小さな調整のために、インラインCSSを使用できますが、注意して使用する必要があります。 3.大規模プロジェクトでは、@Importを介して他のCSSファイルをインポートするために、SASS以下などのCSSプリプロセッサを使用できます。 4。パフォーマンスのために、CSSファイルをマージし、CDNを使用し、CSSNANOなどのツールを使用して圧縮する必要があります。

はい、Youはrelearnbothlexboxandgrid.1)FlexBoxisidealforone-Dimensional、FlexiblleayoutslikenavigationMenus.2)Gridexcelsintwo-digsignssuchasmagazinelayouts.3)Bothenhanceslaysutibulivedibulisunivedivition、floctonsulururを

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

@keyframesispopularduetoitsversitility andpowerincreatingsmoothcssanimations.keytricksinclude:1)defingsmoothtransitionsbetweenstates、2)AnimatingMultipleProperiessimally、3)3)bendorprefixesforbrows -compativity、4)組み合わせwithjavasfo

csScounterSareSareusedTomageautomaticinginginwebdesigns.1)それらは、コンテンツ、リスト、および積極的なものを使用することができます

特にモバイルデバイスでは、スクロールシャドウを使用することは、Chrisが以前にカバーした微妙なUXです。 Geoffは、アニメーションタイムラインプロパティを使用する新しいアプローチをカバーしました。これがさらに別の方法です。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

Dreamweaver Mac版
ビジュアル Web 開発ツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

WebStorm Mac版
便利なJavaScript開発ツール
