popcodeorg / popcodeorg/popcode
Highlight CSS selectors that match 0 elements
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- JavaScript
- Star
- 191
- Fork
- 143
- Merge trung bình
- 4 ngày 11 giờ
- Pull request đã merge (30 ngày)
- 5
Mô tả
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.
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu bằng cách lần theo biểu tượng lỗi hiện có trong gutter và hành vi khi di chuột qua, được issue xác định là phần triển khai trước đó để tham khảo, sau đó tìm nơi các bộ chọn CSS được đánh giá trong trình soạn thảo. Công việc được coi là hoàn tất khi các bộ chọn khớp với không phần tử nào trên trang nhận được cách xử lý cảnh báo được đề xuất, bắt đầu bằng một biểu tượng trong gutter và văn bản hover giải thích.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- css, javascript
- Lĩnh vực
- frontend, tooling, web-dev
- Loại issue
- Tính năng
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 45/100