Trang GitHub này liệt kê các lựa chọn thay thế không phải là JS cho các tính năng UI phổ biến
Bạn muốn bao nhiêu lần xây dựng một trình chiếu hoặc cửa sổ phương thức chỉ CSS nhanh? Đây là một số các thành phần UI phổ biến nhất trên web và ngày nay bạn có thể xây dựng chúng mà không cần bất kỳ JavaScript nào.
Chắc chắn, có thể đánh Google tìm giải pháp. Nhưng tại sao không chọn từ một danh sách giám tuyển tài nguyên tuyệt vời?
Đó là nơi trang GitHub này hoạt động. Nó có tiêu đề "Bạn không cần JavaScript", và nó cung cấp một danh sách lớn các giải pháp khả thi cho yếu tố giao diện phổ biến.
Một điều cần lưu ý là các mã này là không phải là giải pháp cuối cùng.
Không phải tất cả mọi thứ trong danh sách đều hỗ trợ tất cả các trình duyệt và nhiều giải pháp trong số này không có khả năng xử lý sự cố xuống cấp hay sự cố với trình duyệt di động. Vì vậy, bạn sẽ cần phải bác sĩ thú y từng người trên cơ sở từng trường hợp.
Tuy nhiên nếu bạn đang chết vì giải pháp CSS thuần túy sau đó GitHub này có bạn bảo hiểm.
Danh sách tính năng trên 20 yếu tố UI khác nhau với nhiều giải pháp nổi bật, như:
- Thực đơn Hamburger
- Chú giải công cụ
- Tab
- Phòng trưng bày hình ảnh
- Menu thả xuống
- Và nhiều hơn nữa.
Mỗi dự án liên kết đến bản demo CodePen nơi bạn có thể xem nó sống cùng với mã nguồn mẫu.
Lưu ý repo GitHub cụ thể này không có bất kỳ mã thực tế nào trong đó. Thay vào đó chỉ là một danh sách các bản demo CodePen đặc trưng giải pháp không phải là JS cho các vấn đề giao diện phổ biến.
Đây là tài nguyên hoàn hảo để đánh dấu để tham khảo trong tương lai và theo sát nếu cần.
Bạn được tự do đóng góp bằng cách liên hệ với bất kỳ ai từ trang GitHub chính nếu bạn có ý tưởng hoặc đề xuất cho các tài nguyên mới.
Bạn được tự do sao chép bất kỳ mã nguồn từ bất kỳ bản demo nào và tái sử dụng chúng trong các dự án của bạn.
Chỉ cần chắc chắn rằng bạn kiểm tra tab thuộc tính CSS trước khi sao chép bất cứ điều gì vì một số chứa các thư viện bổ sung.
Nhìn chung, đây là một repo GitHub tuyệt vời và nó dễ sử dụng hơn nhiều so với việc tìm kiếm Google cho một giải pháp hoàn hảo.
Kiểm tra trang GitHub đầy đủ ở đây, và nếu bạn muốn xem tất cả các thay đổi tiềm năng bạn có thể thấy những người trong kéo yêu cầu tab.
