Tato stránka GitHub uvádí Non-JS alternativy pro společné funkce uživatelského rozhraní

Kolikrát jste chtěli vytvořit rychlou prezentaci CSS nebo pouze modální okno? Tohle jsou některé nejrozšířenější prvky uživatelského rozhraní na webu a dnes je můžete sestavit bez JavaScriptu.

Jistě, Google může hledat řešení. Ale proč ne vyberte si z kurátorského seznamu úžasných zdrojů?

To je místo, kde tato stránka GitHub přichází do hry. Jmenuje se "Nepotřebujete JavaScript", a nabízí obrovský seznam funkčních řešení pro společné prvky rozhraní.

Jedna věc k poznámce je, že tyto kódy jsou ne všechny konce řešení.

Ne všechno v seznamu podporuje všechny prohlížeče a mnoho z těchto řešení není plně schopno zvládnout ladné degradace nebo problémy s mobilními prohlížeči. Takže budete muset každého z nich individuálně případ od případu.

Pokud však umíráte čistá CSS řešení pak se tento GitHub vztahuje.

Seznam je u konce 20 různých prvků uživatelského rozhraní s mnoha prominentními řešeními, jako jsou:

• Hamburger menu
• Popisky
• Záložky
• Galerie obrázků
• Rozbalovací nabídky
• A mnohem víc.

Každý projekt odkazy na demo CodePen kde můžeš vidět to žít spolu s ukázkový zdrojový kód.

Všimněte si tohoto specifického repo GitHub nemá žádný skutečný kód v něm. Spíše je to jen seznam demoverzí CodePen představovat ne-JS řešení společných problémů s rozhraním.

To je ideální zdroj pro záložky pro budoucí reference a udržet v blízkosti v případě potřeby.

Můžete svobodně přispět kontaktováním kohokoli z webu hlavní stránka GitHub pokud máte nápady nebo návrhy na nové zdroje.

Jsi volný kopírovat jakýkoli zdrojový kód z těchto ukázek a znovu použít ve vašich projektech.

Jen se ujistěte, že zaškrtnete kartu vlastností CSS před kopírováním cokoliv obsahují další knihovny.

Celkově se jedná o jeden fantastický repo GitHub a je mnohem snazší ho použít než čistící Google pro toto dokonalé řešení.

Zkontrolovat plnou stránku GitHub zde, a pokud chcete zobrazit všechny potenciální změny můžete vidět ty v kartu vyžádání.