Haben Sie das flache Design in jeder Hinsicht satt? Vermissen Sie die guten alten Zeiten von Windows 7 mit seinen Glaseffekten und erhabenen Tasten? Ich habe, was Sie brauchen: 7.css. Ganz im Sinne von XP.css oder win98.css handelt es sich um ein Stil-Framework, das Ihren Weboberflächen ein frisches (oder je nach altes) Aussehen verleiht!
Wie funktioniert es also?
Nun, Sie rufen es in Ihrer HTML-Seite auf, dann müssen Sie nur noch die richtigen Klassen zu Ihren HTML-Elementen hinzufügen und voilà, Ihre Website wird plötzlich ein wenig wie ein Déjà-vu aussehen.
Diese Bibliothek wurde dafür entwickelt zugänglich et reaktionsschnell Das bedeutet, dass sich Ihr Retro-Interface perfekt an alle Bildschirme anpasst, vom guten alten Desktop-PC bis zum neuesten Smartphone. Und auch in puncto Barrierefreiheit ist sie top: Verwaltung der Tastatursteuerung, Unterstützung von Screenreadern, alles ist so geplant, dass Ihre Seite für alle nutzbar bleibt.
Um Ihnen zu zeigen, dass 7.css nicht nur eine nostalgische Hipster-Sache ist, gebe ich Ihnen außerdem eine kleine Demo. Gemeinsam werden wir eine Benutzeroberfläche im Stil der 2000er Jahre erstellen, mit Hauptfenster, Texteingabebereich und sehr glänzenden Schaltflächen. Komm schon, fangen wir mit der HTML-Struktur an:
Bisher nichts Besonderes, wir haben unsere Fensterstruktur mit ihrem Titel, ihren Steuerelementen zum Verkleinern/Vergrößern/Schließen, einer Liste von Kontakten, einem Feld zum Eingeben Ihrer Nachricht und einer Statusleiste. Nun, wie Sie sehen können, habe ich mit 7.css etwas Styling hinzugefügt:
Und da, Magie! Unsere Chat-Oberfläche erstrahlt sofort im Glanz von Windows 7. Das Fenster hat seinen grauen Umriss und seine himmelblaue Titelleiste, das Eingabefeld und die Schaltfläche haben ihren sehr erkennbaren Aqua-Look.
Danach sage ich auch nicht, dass wir ein komplettes Remake von Windows starten sollten, aber ich finde, dass es einer Website einen kleinen Hauch von Originalität und Persönlichkeit verleihen kann, insbesondere in dieser bereinigten Welt des aktuellen Designs, in der alles aussieht das gleiche.
Hier zu entdecken!
