Czas na sztuczki CSS dobiegł końca. Nadszedł czas na zbrodnie CSS!
W obecnym krajobrazie dostawców usług treści użytkownicy często ograniczają się do wyrażania siebie za pomocą tekstu, linków i obrazów. Reguły oczyszczania mają tendencję do usuwania HTML, JavaScript i różnych atrybutów.
Serwis mediów społecznościowych Współprowadzący pozwala użytkownikom na większą swobodę w zakresie znaczników i stylów wbudowanych niż zwykle. Niektórzy użytkownicy wykorzystali tę wolność do popełniania przestępstw CSS! Zaowocowało to kreatywnym odtworzeniem znanych interfejsów i interaktywnych gier dzięki wykorzystaniu właściwości w niekonwencjonalny sposób.
Blackle Mori stworzył urządzenie gdzie pociągnięcie za uchwyt powoli obraca szereg kół zębatych, kół pasowych i łańcuchów. W końcu otwiera się przesłona, która ujawnia maskotkę strony („jajkojad”) i proklamację „Dobra robota!”. Patrzyłem na to w Narzędziach dla programistów i jest to niesamowite połączenie grid, resize, transform, calc(). Skończyło się na dodaniu border dla wszystkich <div>s, aby spróbować lepiej zrozumieć, w jaki sposób poruszają się poszczególne elementy.
W przeszłości zdarzały się sytuacje, w których nie mogłem korzystać z pełnego zestawu narzędzi HTML, JavaScript i CSS. Było wiele przypadków użycia dekoracyjnych Kształty CSS omijać obrazy. używałem :hover jako obejście dla mouseenter i mouseleave. używałem input:checked jako selektor rodzeństwa do przełączania.
Chociaż przestępstwa CSS prawdopodobnie nie są czymś, co chciałbyś regularnie stosować, powinniśmy obejmować eksperymenty z ograniczeniami, które mogą sprzyjać kreatywnym rozwiązaniom.
