Główna » UI / UX » Ta strona GitHub zawiera listę alternatyw dla JS dla popularnych funkcji interfejsu użytkownika

    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.