Die Zeit für CSS-Tricks ist vorbei. Jetzt ist die Zeit für CSS-Verbrechen!
In der aktuellen Landschaft der Content-Service-Anbieter sind Benutzer oft auf die Ausdrucksform von Text, Links und Bildern beschränkt. Bereinigungsregeln neigen dazu, HTML, JavaScript und verschiedene Attribute zu entfernen.
Der Social-Media-Dienst Cohost erlaubt es Benutzern, mehr Freiheit mit Markup und Inline-Stilen zu haben, als wir es vielleicht gewohnt sind. Einige Benutzer haben diese Freiheit genutzt, um CSS Crimes zu begehen! Dies hat zu kreativen Nachbildungen bekannter Benutzeroberflächen und interaktiver Spiele geführt, indem Eigenschaften auf unkonventionelle Weise genutzt wurden.
Blackle Mori hat eine Vorrichtung geschaffen, bei der das Ziehen eines Griffs eine Reihe von Zahnrädern, Riemenscheiben und Ketten langsam dreht. Schließlich öffnet sich eine Blende, um das Maskottchen der Seite ("eggbug") und die Proklamation "Good Job!" zu enthüllen. Ich habe mir das im Developer Tools angesehen und es ist eine erstaunliche Kombination aus grid, resize, transform und calc(). Ich habe schließlich einen border zu allen <div>s hinzugefügt, um ein besseres Verständnis dafür zu bekommen, wie sich jedes einzelne Element bewegt hat.
- Mehrere andere CSS Crimes nutzen
resize, um den Betrachtern rudimentäre Click-and-Drag-Funktionalität zu ermöglichen. - Andere CSS Crimes schaffen begrenzte Interaktion durch
<details>und<summary>. - Einige Mitglieder der Community haben Andrew Sillers Technik aus „Night of the Living GIF: Making Interactive Multiplayer Experiences“ übernommen, um ein Multiplayer-Pokemon-Erlebnis zu schaffen!
Es gab in der Vergangenheit Situationen, in denen ich gezwungen war, nicht den vollen Werkzeugkasten von HTML, JavaScript und CSS zu verwenden. Es gab viele Fälle, in denen dekorative CSS-Formen verwendet wurden, um Bilder herumzukommen. Ich habe :hover als Workaround für mouseenter und mouseleave verwendet. Ich habe input:checked als Geschwister-Selektor für das Toggling verwendet.
Während CSS Crimes wahrscheinlich nichts sind, was Sie regelmäßig einsetzen möchten, sollten wir Experimente innerhalb von Einschränkungen fördern, die kreative Lösungen hervorbringen können.