10 генераторов и инструментов для создания CSS-кнопок

В этом материале будут перечислены 10 генераторов и инструментов для создания современных CSS-кнопок, которые помогут сэкономить время и силы.

BUTTONS

Библиотека CSS-кнопок, основанная на SASS и Compass.

BUTTON X

Онлайн-генератор, который поможет создать стильные и красивые кнопки за считанные секунды.

CREATIVE BUTTON STYLES

Этот набор содержит несколько простых и креативных стилей и эффектов. Эффекты можно увидеть при наведении на одни кнопки и при нажатии на другие. В основном используются CSS-переходы, но также и CSS-анимации. А в некоторых кнопках используется немного JavaScript для добавления/удаления классов.

BEAUTIFUL BUTTONS FOR TWITTER BOOTSTRAPPERS

Это расширение популярного фреймворка Twitter Bootstrap. Облегчает создание красивых кнопок.

CREATE A THEMABLE BUTTON SET WITH SASS

Если у вас до сих пор не было возможности попробовать SASS в деле, не беспокойтесь — она появилась. И если вы еще не читали учебник Эндрю по SASS (прим. пер. — blog.teamtreehouse.com/the-absolute-beginners-guide-to-sass, речь идет об этой гайде, если я правильно понял), то самое время это сделать для лучшего понимания материала.

SASS FLAT-BUTTON GENERATOR

SASS-сборка для создания плоских кнопок с пользовательскими иконками в разных положениях.

LADDA

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

FLAT UI ROLLOVER BUTTONS

SOCIAL BUTTONS WITH HOVER

BOOTSTRAP BUTTON GENERATOR

Простой путь для создания новых стилей кнопок в Twitter Bootstrap.

---

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