Używanie haka "Checkbox" w serwisach internetowych na żywo

Question

Tak niedawno było wiele przykładów tego, z czym może się dzielić "Checkbox Hack" z CSS.

CSS-Tricks ma dobre wytłumaczenie na to, co robi Hack:

pole „hack” jest gdzie użyć podłączonego etykietę i pole wejścia i zwykle jakiś inny element, który starają się kontrolować

Source & more information of the hack.

Co niedawno dostał mnie lubić hack był CoDrops eksperyment z przycisków radiowych create filter functionality with just CSS. po prostu niesamowite.

Hack może zrobić całkiem niesamowite rzeczy, które wymagałyby JavaScriptu bez. Problem polega na tym, że pole wyboru i przyciski opcji mają być używane tylko dla formularzy, więc jest to zła semantyka. Ale nie widzę problemu z użyciem "hacka", który jest zgodny w większości przeglądarek i obejścia dla urządzeń mobilnych, jeśli oznacza to mniejszą liczbę skryptów JavaScript i lepszą wydajność.

Czy myślisz, że ten rodzaj hackowania byłby "w porządku" do używania na stronach internetowych na żywo, mimo że jest to zła semantyka lub myślisz, że jest w porządku?

Answer 1

Czytaj duży żółty zrzeczenie na witryny związane z:

Zastrzeżenie: Niektóre z tych rzeczy przecina linię co „powinno” zrobić z CSS oraz wprowadza kilka złych semantykę. Nadal jest niezła zabawa do zabawy i ostudzenia, że ​​jest to możliwe, ale ogólnie funkcjonalne zachowanie powinno być kontrolowane przez JavaScript.

Nie powiedziałbym, że to "włamanie" na własną rękę. To wszystko jest całkowicie poprawne, istnieje wiele innych szalonych rzeczy, które możesz zrobić z sąsiadującym selektorem + lub na przykład :focus. Jednak z pewnością można go używać do niektórych "hakowatych" rzeczy.

Jeśli na przykład pomaga użytkownikowi wypełnić formularz: to świetnie. Pamiętaj tylko, że wsparcie dla :checked nie jest uniwersalne, więc jeśli użyteczność twojej strony opiera się na, poszukaj alternatywnych rozwiązań/podkładek za pośrednictwem javascript.

Jeśli po prostu dodajesz elementy pola wyboru do znaczników ze względu na zachowanie/prezentację, to tak - powinieneś tego unikać. Jeśli masz już element na początek i jesteś po prostu poprawiając doświadczenia użytkownika z nim, to świetnie.