popcodeorg / popcodeorg/popcode
Highlight CSS selectors that match 0 elements
オープン
まだ誰も着手していません。
feature
- 主要言語
- JavaScript
- スター
- 191
- フォーク
- 143
- 平均マージ
- 4日 11時間
- マージ済み PR(30日)
- 5
説明
If the user writes a CSS selector that doesn't match any elements of the page, then it's quite likely that they made a mistake/typo and that something in their project doesn't work as a result. We should highlight these selectors with:
- A yellow/orange squiggly underline
- A warning symbol (triangle with exclamation mark) in the gutter (like we do for errors but with a different symbol)
- A popup with explanatory text when you hover either the symbol in the gutter (like we do for errors) or the underlined text
To start with, we could just do the gutter symbol with hover text, since we already do that for errors, so there's prior art.
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
まず、issue が先行例として挙げている既存のエラーガターシンボルとホバー動作を追跡し、次にエディター内で CSS セレクターが評価される場所を見つけます。セレクターがページ上の要素に 1 つも一致しない場合に、提案された警告処理が適用され、まずガターシンボルと説明用のホバーテキストが表示されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css, javascript
- 領域
- frontend, tooling, web-dev
- issue の種類
- 機能追加
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100