Ця сторінка GitHub відображає альтернативи не-JS для загальних функцій інтерфейсу
Скільки разів ви хотіли побудувати швидке слайд-шоу або модальне вікно лише для CSS? Це деякі з найпоширеніші елементи інтерфейсу в Інтернеті і сьогодні ви можете створювати їх без будь-якого JavaScript.
Звичайно, Google може шукати рішення. Але чому ні вибрати зі списку кураторів дивовижних ресурсів?
Ось тут і починається ця сторінка GitHub. Його називають "Вам не потрібно JavaScript", і він пропонує величезний список практичних рішень загальні елементи інтерфейсу.
Зауважимо, що ці коди є не кінцеві всі рішення.
Не все в списку підтримує всі веб-переглядачі, і багато з цих рішень не здатні впоратися з витонченою деградацією або проблемами з мобільними браузерами. Так що вам потрібно Ветеринар кожен окремо на індивідуальній основі.
Але якщо ви вмираєте для чисті рішення CSS потім цей GitHub ви охопили.
Перелік функцій перевищує 20 різних елементів інтерфейсу з багатьма важливими рішеннями, такими як:
- Гамбургер меню
- Підказки
- Вкладки
- Галерея зображень
- Випадаючі меню
- І набагато більше.
Кожен проект посилання на демо-версію CodePen де можна побачити його живим разом з зразок вихідного коду.
Зверніть увагу на це конкретне GitHub репо не має дійсного коду в цьому. Скоріше це просто список демонстрацій CodePen featuring не-JS рішення загальних проблем інтерфейсу.
Це ідеальний ресурс для закладки для подальшого використання та при необхідності тримайте його поруч.
Ви можете зробити свій внесок, звернувшись до будь-кого з користувачів головна сторінка GitHub якщо у вас є ідеї або пропозиції щодо нових ресурсів.
Ви вільні копіювати будь-який вихідний код з будь-якої з цих демонстрацій і їх повторне використання у ваших проектах.
Просто переконайтеся, що перевірте вкладку властивостей CSS перед тим, як копіювати щось, тому що деякі містять додаткові бібліотеки.
В цілому, це одна фантастична GitHub репо, і це набагато простіше у використанні, ніж чищення Google для цього ідеальне рішення.
Перевірте повну сторінку GitHub тут, і якщо хочете переглянути всі потенційні зміни Ви можете бачити їх у перетягніть вкладку "Запити".
