Ta strona GitHub zawiera listę alternatyw dla JS dla popularnych funkcji interfejsu użytkownika
Ile razy chciałeś zbuduj szybki pokaz slajdów lub modalne okno CSS? To niektóre z nich najpopularniejsze elementy interfejsu użytkownika w sieci i obecnie możesz je budować bez JavaScript.
Oczywiście, można trafić na Google szukając rozwiązań. Ale dlaczego nie wybierz z listy kurateli niesamowitych zasobów?
Tam właśnie wchodzi do gry strona GitHub. Jest zatytułowany „Nie potrzebujesz JavaScript”, i oferuje ogromną listę praktycznych rozwiązań dla wspólne elementy interfejsu.
Należy pamiętać, że te kody są nie wszystkie rozwiązania.
Nie wszystko na liście obsługuje wszystkie przeglądarki, a wiele z tych rozwiązań nie jest w pełni zdolnych do obsługi zgrabnej degradacji lub problemów z przeglądarkami mobilnymi. Więc musisz badać każdego z osobna indywidualnie dla każdego przypadku.
Jeśli jednak umierasz za czyste rozwiązania CSS wtedy ten GitHub Cię obejmuje.
Lista zawiera więcej 20 różnych elementów interfejsu użytkownika z wieloma wybitnymi rozwiązaniami, takimi jak:
- Menu hamburgera
- Podpowiedzi
- Karty
- Galerie obrazów
- Rozwijane menu
- I wiele więcej.
Każdy projekt łączy się z demo CodePen gdzie możesz zobacz to na żywo wraz z przykładowy kod źródłowy.
Zanotuj to konkretne repozytorium GitHub nie ma żadnego rzeczywistego kodu w tym. Raczej po prostu lista demonstracji CodePen wyposażony rozwiązania inne niż JS dla typowych problemów z interfejsem.
Jest to idealny zasób do dodawania zakładek do wykorzystania w przyszłości i trzymaj go blisko, jeśli to konieczne.
Możesz wnieść swój wkład, kontaktując się z kimkolwiek z serwisu główna strona GitHub jeśli masz pomysły lub sugestie dotyczące nowych zasobów.
Jesteś wolny skopiuj dowolny kod źródłowy z którejkolwiek z tych wersji demonstracyjnych i używaj ich ponownie w twoich projektach.
Tylko upewnij się, że zaznaczysz kartę właściwości CSS przed kopiowaniem czegokolwiek, ponieważ niektóre zawierają dodatkowe biblioteki.
Ogólnie rzecz biorąc, jest to jedno fantastyczne repozytorium GitHub i jest znacznie łatwiejsze w użyciu niż przeczesywanie Google dla tego jednego doskonałego rozwiązania.
Sprawdź pełna strona GitHub tutaj, i jeśli chcesz zobacz wszystkie potencjalne zmiany możesz zobaczyć te w wyciągnij żądania.