На этой странице GitHub перечислены не-JS альтернативы для общих функций пользовательского интерфейса

Сколько раз ты хотел создать быстрое слайд-шоу или модальное окно только для CSS? Вот некоторые из наиболее распространенные элементы пользовательского интерфейса в Интернете, и в настоящее время вы можете создавать их без JavaScript.

Конечно, можно поразить Google в поисках решений. Но почему нет выбрать из списка кураторов удивительных ресурсов?

Вот где эта страница GitHub вступает в игру. Это называется «Вам не нужен JavaScript», и он предлагает огромный список выполнимых решений для общие элементы интерфейса.

Стоит отметить, что эти коды не все решения для всех.

Не все в списке поддерживают все браузеры, и многие из этих решений не способны полностью справиться с постепенным ухудшением качества или проблемами с мобильными браузерами. Так что вам нужно проверять каждого в отдельности на индивидуальной основе.

Однако, если вы умираете за чистые CSS решения тогда этот GitHub вас охватил.

Список функций более 20 различных элементов интерфейса со многими выдающимися решениями, такими как:

• Гамбургер-меню
• Всплывающие
• Вкладки
• Картинные галереи
• Выпадающие меню
• И многое другое.

Каждый проект ссылки на демоверсию CodePen где ты можешь увидеть это в прямом эфире вместе с пример исходного кода.

Обратите внимание на это конкретное GitHub репо не имеет никакого фактического кода в этом. Скорее это просто список демонстраций CodePen с участием не-JS решения общих проблем интерфейса.

Это идеальный ресурс для закладок для дальнейшего использования и, при необходимости, рядом..

Вы можете внести свой вклад, связавшись с кем-либо из главная страница GitHub если у вас есть идеи или предложения для новых ресурсов.

Вы свободны скопировать любой исходный код от любой из этих демонстраций и использовать их повторно в ваших проектах.

Просто убедитесь, что Вы проверяете вкладку свойств CSS прежде чем что-то копировать, потому что некоторые содержат дополнительные библиотеки.

В целом, это одно из фантастических репозиториев GitHub, и его гораздо проще использовать, чем поискать Google для этого идеального решения..

Проверить полная страница GitHub здесь, и если вы хотите просмотреть все потенциальные изменения вы можете увидеть их в вкладка "тянуть запросы".