Тази страница на GitHub изброява алтернативи за не-JS за общи функции на UI

Колко пъти сте искали изграждане на бърз слайдшоу или модален прозорец само за CSS? Това са някои от най-често използваните елементи на потребителския интерфейс в мрежата и днес можете да ги изградите без JavaScript.

Разбира се, възможно е Google да търси решения. Но защо не избирам от куриран списък на страхотни ресурси?

Това е мястото, където тази страница на GitHub влиза в игра. Той е озаглавен "Не се нуждаете от JavaScript", и предлага огромен списък от приложими решения общи елементи на интерфейса.

Едно нещо, което трябва да се отбележи е, че тези кодове са не всички крайни решения.

Не всичко в списъка поддържа всички браузъри и много от тези решения не са напълно способни да се справят с грациозната деградация или проблеми с мобилните браузъри. Така че ще трябва вете всеки един поотделно за всеки отделен случай.

Обаче, ако умираш чисти CSS решения тогава този GitHub ви е покрил.

Списъкът се отличава 20 различни елемента на потребителския интерфейс с много важни решения, като:

• Меню на хамбургер
• Подсказки
• Tabs
• Галерии с изображения
• От падащите менюта
• И много повече.

Всеки проект връзки към демо на CodePen където можете виж го на живо заедно с примерен изходен код.

Отбележете този конкретен GitHub repo няма действителен код в него. По-скоро това е просто списък с демонстрации на CodePen с участието на не-JS решения за общи проблеми с интерфейса.

Това е идеалният ресурс за отбелязване за бъдещи справки и да се държи близо, ако е необходимо.

Свободни сте да допринесете, като се свържете с някого от основната страница на GitHub ако имате идеи или предложения за нови ресурси.

Вие сте свободен копирате изходния код от някоя от тези демонстрации и ги използвайте повторно във вашите проекти.

Просто се уверете, че проверите раздела Свойства на CSS преди да копирате нещо, защото някои съдържат допълнителни библиотеки.

Като цяло, това е едно фантастично репо GitHub и е много по-лесно да се използва, отколкото да се търси Google за това перфектно решение.

Проверете пълната страница на GitHub тук, и ако искате вижте всички потенциални промени можете да видите тези в раздела за заявки за изтегляне.