Úvodná » UI / UX » Táto stránka GitHub uvádza alternatívy, ktoré nie sú v systéme JS, pre bežné funkcie používateľského rozhrania

    Táto stránka GitHub uvádza alternatívy, ktoré nie sú v systéme JS, pre bežné funkcie používateľského rozhrania

    Koľkokrát ste to chceli vytvoriť rýchly slideshow iba pre CSS alebo modálne okno? To sú niektoré najčastejšie prvky používateľského rozhrania na webe a dnes ich môžete vytvárať bez akéhokoľvek JavaScriptu.

    Iste, je možné, že spoločnosť Google hľadá riešenia. Ale prečo nie vyberte si z vyhradeného zoznamu z úžasných zdrojov?

    To je miesto, kde vstupuje táto stránka GitHub. Je titulovaný "Nepotrebujete JavaScript", a ponúka obrovský zoznam funkčných riešení pre prvky spoločného rozhrania.

    Treba poznamenať, že tieto kódy sú nie konečné riešenia.

    Nie všetko v zozname podporuje všetky prehliadače a mnohé z týchto riešení nie sú plne schopné zvládnuť ladné degradácie alebo problémy s mobilnými prehliadačmi. Takže budete musieť vet každý jednotlivo v jednotlivých prípadoch.

    Ak však zomierate čisté riešenia CSS potom sa vám tento GitHub vzťahuje.

    Zoznam obsahuje funkcie 20 rôznych prvkov používateľského rozhrania s mnohými dôležitými riešeniami, ako napríklad:

    • Hamburské menu
    • popisy
    • záložky
    • Galérie obrázkov
    • Rozbaľovacie ponuky
    • A oveľa viac.

    Každý projekt prepája sa na demo CodePen kde môžeš vidieť to naživo spolu s vzorový zdrojový kód.

    Berte na vedomie tento špecifický repo GitHub nemá žiadny skutočný kód v ňom. Skôr to je jednoducho zoznam demoverzi CodePen predstavovať riešenia, ktoré nie sú riešeniami spoločného rozhrania.

    Ide o perfektný zdroj pre záložku pre budúce použitie a v prípade potreby udržiavať v blízkej budúcnosti.

    Môžete slobodne prispievať kontaktovaním niekoho z hlavná stránka GitHub ak máte nápady alebo návrhy nových zdrojov.

    Môžete slobodne skopírujte akýkoľvek zdrojový kód z akejkoľvek z týchto ukážok a znovu ich použite vo svojich projektoch.

    Len sa uistite, že skontrolujete kartu Vlastnosti CSS pred kopírovaním čokoľvek, pretože niektorí obsahujú ďalšie knižnice.

    Celkovo je to jedna fantastická reputačná služba GitHub a je to oveľa jednoduchšie, ako použiť Google na toto dokonalé riešenie.

    Skontrolovať úplnú stránku GitHub tu, a ak chcete zobraziť všetky možné zmeny môžete vidieť v načítať kartu s požiadavkami.