Тази библиотека с отметки предлага десетки безплатни стилове за CSS

Търся потребителски стилове за потребителски интерфейс за вашия сайт? Погледни CSS Checkbox Library хоствано безплатно в GitHub.

Тази масивна библиотека поддържа десетки стилове за отметки, като плъзгачи, on / off дизайни, кръгове и квадрати сред много други форми.

Ти получавате пълен достъп до HTML / CSS кода, така че е лесно да го направите и да стартирате на сайта си. Да не говорим, че е напълно отворен и за лични и търговски проекти.

За да започнете, можете да посетите репо GitHub и изтеглете всички файлове локално на вашата машина. Или можете да инсталирате библиотеката чрез npm.

По подразбиране, Всеки стил на квадратчетата за отметка има свой клас. Най- checkboxes.min.css stylesheet има всичко, от което се нуждаете, така че ако това е включено във вашата страница, тогава сте готови.

Всеки стил на отметка поддържа модерни браузъри и повечето стари браузъри, включително IE9+.

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

От там можете да изберете всичко, което работи най-добре. Кликнете върху бутона HTML показва модал с изходния код за това квадратче. Сега просто го копирайте / поставете в сайта си, дайте точното име / стойност (ако е приложимо) и сте готови!

Никакви неприятности, много малко персонализиране и по принцип не са необходими умения за кодиране.

Ще забележите всеки стил за отметка идва в светла и тъмна тема, за по-голяма подкрепа. Това означава, че не би трябвало да имате проблеми с намирането на квадратче, което да пасва на уебсайта ви. Плюс това можете използвайте допълнителни класове като .ckbx-малък или .ckbx-xlarge за увеличаване на размера.

с 25+ различни стилове и много различни анимации, Трябва да кажа, че CSS Checkbox Library е впечатляващо. Чудесно за всеки фронтенд разработчик, който иска да спести време в работния процес и подобряване на дизайна на потребителския интерфейс на всеки уеб формуляр.