CSS-Verbrechen begehen

Image

Die Zeit der CSS-Tricks ist vorbei. Jetzt ist die Zeit für CSS-Verbrechen!

In dieser aktuellen Landschaft von Inhaltsdienstanbietern sind Benutzer oft darauf beschränkt, sich in Text, Links und Bildern auszudrücken. Bereinigungsregeln neigen dazu, HTML, JavaScript und verschiedene Attribute zu entfernen.

Social-Media-Dienst Cohost ermöglicht Benutzern eine größere Freiheit mit Markup- und Inline-Stilen, als wir es normalerweise gewohnt sind. Einige Benutzer haben diese Freiheit ausgenutzt, um CSS-Verbrechen zu begehen! Es hat zu kreativen Nachbildungen bekannter Schnittstellen und interaktiver Spiele geführt, indem Eigenschaften auf unkonventionelle Weise verwendet wurden.

Blackle Mori hat einen Apparat erschaffen wo das Ziehen eines Griffs langsam eine Reihe von Zahnrädern, Riemenscheiben und Ketten dreht. Schließlich öffnet sich eine Öffnung, um das Maskottchen der Website („Eggbug“) und die Proklamation „Good Job!“ zu enthüllen. Ich habe mir das in den Developer Tools angesehen und es ist eine erstaunliche Kombination aus grid, resize, transform und calc(). Am Ende fügte ich ein hinzu border zugänglich <div>s versuchen, besser zu verstehen, wie sich jedes einzelne Element bewegt.

In der Vergangenheit gab es Situationen, in denen ich daran gehindert wurde, das vollständige Toolkit von HTML, JavaScript und CSS zu verwenden. Es gab viele Fälle, in denen dekorativ verwendet wurde CSS-Formen Bilder zu umgehen. Ich habe benutzt :hover als Workaround für mouseenter und mouseleave. Ich habe benutzt input:checked als Geschwisterwähler zum Umschalten.

Während CSS-Kriminalität wahrscheinlich nichts ist, was Sie regelmäßig anwenden möchten, sollten wir Experimente innerhalb von Einschränkungen annehmen, die kreative Lösungen fördern können.


Direktlink →

Zeitstempel:

Mehr von CSS-Tricks