Идея проекта заключалась в подготовке согласованного набора кнопок, которые могут быть использованы для ряда социальных действий часто принимаются в веб-приложениях.
Эти действия часто являются важными целями для пользователей, такие как подключение сторонних счетов или обмена контентом сторонних платформ, так что их внешний вид должен быть привлекательным и clear.
Стандартные кнопки, предоставляемые третьими сторонами (такие как Facebook, Twitter и SoundCloud) различаются по размеру, стилю и интерактивность.Согласованный набор кнопки может уменьшить много, что визуальный шум и непоследовательность.Кроме того, наличие его в формате CSS означает, что изменение текста для определенных действий был бы ветер для разработчиков, а также позволяет администраторам не-английских веб-сайтов для перевода надписей на родном languages.
Кнопки набора был разработан с самого начала не требуют дополнительной разметки и элементов, используемых полностью выбору (семантически внимательный) дизайнер.Все кнопки полностью масштабируемой и настраиваемой, и они ухудшают изящно на старых браузерах, хотя эстетики в IE 6 и 7, правда уступает основе образа alternatives.
Нет растровые изображения или спрайты были использованы.Вместо этого, векторные иконки были вставлены с помощью пользовательских файлов шрифтов, @ шрифт лицу правила и псевдо-элементы.Для получения дополнительной информации, Джон Хикс имеет информативные записи up На этой technique.
Скачать набор кнопок для Free
Эта кнопка множество свободно использовать и распространять, лично или в коммерческих целях.Нет атрибуции required.
- Preview
- Demo
- Скачать package (ZIP, 147 KB)
- GitHub repository (рукописные CSS)
- Sass framework (шесть кнопок) (от @ adamstac)
Features
- 100%-вектор CSS3 buttons
- @ Шрифт лицу значки и специальный шрифт files
- 72 supported
- Кнопки и иконки версии supported
- Em размеров для полного scalability
- Generic первичного и вторичного действия кнопки для consistency
- Изящная деградация на старых browsers
Preview
Скриншоты из каждого набора приведены ниже …
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров