Bttn.css - чудові кнопки CSS під 4 Кб

З такою кількістю безкоштовні фрагменти CSS і генератори коду, немає необхідності винаходити колесо. Розумні розробники покладаються на існуючі бібліотеки для створення простих елементів сторінки, таких як навігаційні меню та кнопки.

Однією з таких бібліотек є Bttn.css, створена розробником Ganapati V S. Його робота вишукана і ця бібліотека кнопок є однією з кращих для сучасної розробки інтерфейсу.

На домашній сторінці кнопок можна вибрати між ними малих, середніх і великих розмірів, разом з різні колірні схеми. Приходять кнопки попередньо побудований і готовий вирушати, тому все, що вам потрібно, це власна бібліотека CSS і правильні класи для ваших кнопок.

Ви можете завантажити бібліотеку від GitHub або ви можете використовувати Версія CDN для місцевого тестування. Це навіть працює в середовищі IDE хмар наприклад, CodePen, якщо ви хочете дати йому йти у вашому браузері.

Bttn.css - це менша бібліотека, що пропонує близько 13 різних стилів. Деякі з них включають стилі матеріалу, градієнти, кнопки-привид і традиційні кнопки пігулок із закругленими кордонами CSS3.

Зауважте, що ця бібліотека є схожа на бібліотеку Бутс у використанні скороченого орфографії “кнопки” і чистий код CSS.

Проте, Bttn.css пропонує різні стилі кнопок, замість однієї великої бібліотеки подібних елементів. Це одна з причин, чому я рекомендую Bttn.css для майже будь-якого веб-проекту з усіх 13 стилів, і ви обов'язково знайдете те, що підходить.

Ви можете прочитати більше у цьому пості середнього розміру, написаному творцем Bttn.css. Він пояснює чому він зробив бібліотеку і з якою метою вона служить в типовому проекті розвитку.

Якщо ви шукаєте Більш повна документація подивіться на GitHub repo. У ньому перераховані всі класи CSS для стилів, розмірів і кольорів, а також деталі встановлення за допомогою CDN або менеджера пакетів, наприклад, Bower.

Не забудьте також перевірити Демонстраційна сторінка щоб побачити, що може зробити ця бібліотека. І не соромтеся поділитися своїми думками з творцем на його Twitter @ganapativs.