De tijd voor CSS-Tricks is voorbij. Nu is het tijd voor CSS Crimes!
In dit huidige landschap van contentserviceproviders zijn gebruikers vaak beperkt tot het uiten van zichzelf in tekst, links en afbeeldingen. Sanitization-regels hebben de neiging om HTML, JavaScript en verschillende attributen te verwijderen.
Sociale-mediaservice mede-gastheer geeft gebruikers meer vrijheid met opmaak en inline-stijlen dan we normaal gewend zijn. Sommige gebruikers hebben gebruik gemaakt van deze vrijheid om CSS Crimes te plegen! Het heeft geresulteerd in creatieve recreaties van bekende interfaces en interactieve games door eigenschappen op onconventionele manieren te gebruiken.
Blackle Mori heeft een ding gemaakt waar het trekken aan een hendel langzaam een reeks tandwielen, katrollen en kettingen laat draaien. Uiteindelijk gaat er een opening open om de mascotte van de site ("eggbug") en de proclamatie "Good Job!" te onthullen. Ik heb hiernaar gekeken in Developer Tools en het is een geweldige combinatie van: grid, resize, transform en calc(). Ik heb uiteindelijk een toegevoegd border alle <div>s om te proberen een beter begrip te krijgen van hoe elk afzonderlijk element bewoog.
Er zijn in het verleden situaties geweest waarin ik werd beperkt in het gebruik van de volledige toolkit van HTML, JavaScript en CSS. Er zijn veel gevallen geweest van het gebruik van decoratieve CSS-vormen afbeeldingen te omzeilen. ik heb gebruikt :hover als een oplossing voor mouseenter en mouseleave. ik heb gebruikt input:checked als een broer of zus selector om te schakelen.
Hoewel CSS-criminaliteit waarschijnlijk niet iets is dat u regelmatig zou willen gebruiken, moeten we experimenten omarmen binnen beperkingen die creatieve oplossingen kunnen bevorderen.
