HN công khai: Cs16.css, thư viện CSS dựa trên giao diện Counter Strike 1.6

 (cs16.samke.me)
1 điểm bởi GN⁺ 2025-01-25 | 1 bình luận | Chia sẻ qua WhatsApp

  • Giới thiệu cs16.css

    • cs16.css là một thư viện CSS dựa trên giao diện người dùng của Counter Strike 1.6.
    • Được Samuel tạo ra và phát hành theo giấy phép MIT.

  • Tính năng chính

    • Cung cấp nhiều thành phần UI khác nhau để có thể dễ dàng áp dụng vào trang web.
    • Bao gồm nhiều component như nút bấm, checkbox, trường nhập, hộp chọn, nhóm radio, thanh trượt, hộp thoại, tooltip, thanh tiến trình, tab, v.v.

  • Cách cài đặt

    • Có thể cài đặt đơn giản bằng cách liên kết stylesheet trong thẻ head của HTML.
    • Chỉ cần sao chép liên kết được cung cấp để dùng làm mã cài đặt.

  • Ưu điểm của thư viện

    • Có thể áp dụng phong cách UI của Counter Strike 1.6 lên trang web, mang lại trải nghiệm người dùng độc đáo.
    • Dễ dàng sử dụng nhiều component UI khác nhau nên rất hữu ích cho nhà phát triển.

Bài viết liên quan

1 bình luận

 
GN⁺ 2025-01-25
Ý kiến trên Hacker News

  • Đang chờ cơ hội để mở rộng bộ sưu tập

    • Giới thiệu nhiều phong cách CSS khác nhau: Windows 95, Windows XP, Counter Strike 1.6, Edward Tufte, Windows 98, Windows 7, PlayStation One, NES, Apple System, The Sims

  • Khi nhìn con trai chơi Half Life 2, thấy các menu kiểu cũ trông giống UI của hệ thống máy tính thật, tạo cảm giác chân thực và dễ dùng

    • Trong khi đó, nhiều trò chơi dùng menu được cách điệu quá mức, mang lại trải nghiệm thiếu thực tế và bất tiện

  • Cài lại CS 1.6 rồi mỗi ngày chơi với bot 10-15 phút để sắp xếp lại đầu óc

    • Tìm thấy những bản đồ từng làm trước đây, rồi tự tạo đội bot và giải đấu của riêng mình để chơi

  • Có ý kiến cho rằng UI của Counter Strike vốn là UI của Steam

  • Cung cấp thêm thông tin về VGUI

    • Trong CS 1.6, có thể dùng lệnh setinfo "_vgui_menus" "0" để quay lại UI WON kiểu cũ

  • Không chơi game nhưng khi xem con trai chơi thì thấy thích phong cách sạch sẽ và độc đáo này

    • Tò mò không biết còn thư viện CSS độc đáo nào khác không

  • Câu đùa: "Ai cũng cầm dao thì chạy nhanh hơn"

  • Hỏi vì sao thanh tiến trình lại không dùng progress hay meter

  • Có ý kiến cho rằng thập niên 90 và đầu những năm 2000 là thời kỳ hoàng kim của UI