-
Giới thiệu
- 98.css là một thư viện CSS để xây dựng giao diện theo phong cách Windows 98.
- Thư viện này lấy khả năng truy cập làm mục tiêu chính và khuyến khích sử dụng HTML theo ngữ nghĩa.
- Nó tạo kiểu cho HTML mà không cần JavaScript và tương thích với nhiều framework frontend khác nhau.
-
Thành phần
- Button
- Nút lệnh là một control cho phép ứng dụng thực hiện một tác vụ cụ thể khi người dùng nhấp vào.
- Theo mặc định, nó có chiều rộng 75px và chiều cao 23px; khi nhấp, đường viền sẽ chuyển sang trạng thái bị nhấn.
- Checkbox
- Checkbox biểu thị lựa chọn độc lập hoặc không loại trừ lẫn nhau.
- Sử dụng checkbox cùng với nhãn để tăng khả năng truy cập.
- OptionButton
- Option button là nút radio cho phép chọn một trong số các tùy chọn giới hạn.
- Các option button trong cùng một nhóm được gom nhóm bằng cách chia sẻ cùng thuộc tính name.
- GroupBox
- Group box là khung hình chữ nhật dùng để tổ chức một tập hợp control.
- Được triển khai bằng thẻ fieldset và có thể thêm nhãn.
- TextBox
- Text box là control hình chữ nhật cho phép người dùng nhập hoặc chỉnh sửa văn bản.
- Để hỗ trợ nhiều dòng, sử dụng phần tử textarea.
- Slider
- Slider gồm một thanh xác định phạm vi điều chỉnh và một chỉ báo thể hiện giá trị hiện tại.
- Để tạo slider dọc, sử dụng lớp
is-vertical.
- Dropdown
- Hộp danh sách thả xuống cho phép chọn một mục duy nhất từ danh sách.
- Được triển khai bằng các phần tử
selectvàoption.
- Button
-
Window
- Title Bar
- Thanh tiêu đề nằm ở mép trên của cửa sổ và dùng để nhận diện nội dung của cửa sổ.
- Được triển khai bằng các lớp
title-bar,title-bar-text,title-bar-controls.
- Window contents
- Cửa sổ được cấu thành bằng lớp
window, lớp này xác định đường viền của cửa sổ. - Nội dung cửa sổ được vẽ bằng lớp
window-body.
- Cửa sổ được cấu thành bằng lớp
- Status Bar
- Thanh trạng thái nằm ở phía dưới cửa sổ để hiển thị trạng thái hiện tại hoặc thông tin khác.
- Được triển khai bằng lớp
status-bar.
- TreeView
- Control tree view hiển thị các đối tượng dưới dạng dàn ý thụt lề theo quan hệ phân cấp.
- Được triển khai bằng phần tử
ulvà lớptree-view.
- Tabs
- Control tab tương tự như các ngăn phân cách trong tủ hồ sơ hoặc sổ tay.
- Được triển khai bằng phần tử
menuvà thuộc tính[role=tablist].
- TableView
- Table view được render bằng phần tử
table. - Lớp
sunken-panelcung cấp đường viền và container overflow.
- Table view được render bằng phần tử
- Title Bar
-
Vấn đề, đóng góp, v.v.
- 98.css được phát hành theo giấy phép MIT.
- Bạn có thể báo lỗi hoặc gửi báo cáo lỗi mới trên trang GitHub Issues.
- Dự án hoan nghênh đóng góp cho mã nguồn mở và có cung cấp code review.
1 bình luận
Ý kiến trên Hacker News
Một người dùng đã tạo một dự án bao gồm các chủ đề màu mặc định của nhiều hệ điều hành, đồng thời tái tạo lại icon và symbol bằng SVG để chúng hoạt động tốt và trông đẹp mắt cả trên các hệ thống hiện đại
Một người dùng khác cho biết dự án này là một dự án giúp họ phục hồi sau burnout, và gần đây họ đã ghi lại những suy nghĩ của mình về việc đó
Có một người dùng đã sưu tầm các kiểu CSS liên quan đến nhiều hệ điều hành
98.css được xem là một tác phẩm kinh điển trên Hacker News và đã được thảo luận nhiều lần
Ở các thiết lập DPI không phải gốc, style có thể không hoạt động tốt; có thể chạy một đoạn mã cụ thể trong console của trình duyệt để khớp với pixel vật lý
Một người dùng nhận xét rằng trên Windows 95 và Windows 98, có vẻ như nó không phải là MS Sans Serif
Một người dùng khác nói rằng botoxparty.github.io/XP.css và khang-nd.github.io/7.css rất đáng để xem
Vào cuối thập niên 1990, Microsoft đã cung cấp các màu CSS khớp với chủ đề và màu sắc desktop của Windows, nhờ đó UI web có thể đồng bộ với desktop của người dùng
Một người dùng cho rằng phong cách trong quá khứ tốt hơn những nghiên cứu và cải tiến UX/UI hiện nay
Một người dùng đã tạo một theme Obsidian bằng mã nguồn 98.css, nhưng hiện nay dự án đó đã bị ngừng