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.