HN vorgestellt: Cs16.css, eine CSS-Bibliothek auf Basis der Counter-Strike-1.6-UI

 (cs16.samke.me)
1 Punkte von GN⁺ 2025-01-25 | 1 Kommentare | Auf WhatsApp teilen

  • Einführung in cs16.css

    • cs16.css ist eine CSS-Bibliothek, die auf der Benutzeroberfläche von Counter Strike 1.6 basiert.
    • Sie wurde von Samuel entwickelt und wird unter der MIT-Lizenz veröffentlicht.

  • Wichtige Funktionen

    • Sie bietet verschiedene UI-Elemente, die sich leicht auf Webseiten anwenden lassen.
    • Enthält zahlreiche Komponenten wie Buttons, Checkboxen, Eingabefelder, Auswahlboxen, Radio-Gruppen, Slider, Dialoge, Tooltips, Fortschrittsbalken und Tabs.

  • Installationsmethode

    • Die Installation ist einfach möglich, indem das Stylesheet im head-Tag von HTML verlinkt wird.
    • Dazu kann der bereitgestellte Link kopiert und verwendet werden.

  • Vorteile der Bibliothek

    • Der UI-Stil von Counter Strike 1.6 lässt sich auf Webseiten anwenden und sorgt so für eine einzigartige User Experience.
    • Die vielfältigen UI-Komponenten lassen sich leicht nutzen und sind dadurch für Entwickler nützlich.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-01-25
Hacker-News-Kommentare

  • Wartet auf eine Gelegenheit, die Sammlung zu erweitern

    • Stellt verschiedene CSS-Stile vor: Windows 95, Windows XP, Counter Strike 1.6, Edward Tufte, Windows 98, Windows 7, PlayStation One, NES, Apple System, The Sims

  • Beim Zuschauen, wie der Sohn Half Life 2 spielt, fällt auf, dass Menüs im alten Stil wie die UI echter Computersysteme wirken und sich realistisch und leicht bedienbar anfühlen

    • Dagegen verwenden viele Spiele übermäßig stark stilisierte Menüs, die ein unrealistisches und unkomfortables Erlebnis bieten

  • Hat Counter Strike 1.6 wieder installiert und spielt jeden Tag 10–15 Minuten mit Bots, um den Kopf frei zu bekommen

    • Hat dabei früher erstellte Maps entdeckt und spielt mit selbst zusammengestellten Bot-Teams und Turnieren

  • Die Meinung, dass die UI von Counter Strike ursprünglich die Steam-UI war

  • Zusätzliche Informationen zu VGUI

    • In CS 1.6 kann man mit dem Befehl setinfo "_vgui_menus" "0" zur alten UI im WON-Stil zurückkehren

  • Spielt selbst keine Spiele, mag aber beim Zuschauen, wie der Sohn spielt, den sauberen und unverwechselbaren Stil

    • Fragt sich, ob es noch andere einzigartige CSS-Bibliotheken gibt

  • Der Scherz: „Wenn alle ein Messer ziehen, laufen sie schneller“

  • Frage, warum für die Fortschrittsleiste nicht progress oder meter verwendet wurde

  • Die Meinung, dass die 90er und die frühen 2000er die Blütezeit der UI waren