CSS Starter Kit для разработчиков - Shoelace.css

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

Тем не менее, есть много альтернатив и Shoelace.css один такой пример, с которым вы должны быть знакомы.

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

Вы всегда можете использовать сброс CSS, но это только одинаково форматирует каждый браузер. Сброс не все для решения более сложных задач, и в этом-то и заключается смысл Шнурка.

Это приходит как пакет с CLI, работающим на узле что вы можете установить с любым проектом. Хотя, это также имеет версию CDN если вы не хотите использовать npm.

Чтобы все это настроить, проверьте инструкция по установке в официальной документации. Несмотря на то, что это помечено как библиотека CSS, это действительно поставляется с компонентами JavaScript, тоже. Хотя большинство из них работают на JQuery, так что вам нужно будет включить это как зависимость.

Если вы покопаетесь дальше в документах, то найдете страница настройки который показывает вам как редактировать переменные в CSS. Они позволяют создавать пользовательские компоненты и с легкостью изменять стили шнурков по умолчанию..

Каждый компонент действительно имеет Bootstrap-й чувство к дизайну, так что шнурки подойдут практически для любого макета.

Тем не менее, это также имеет более крутой кривой обучения, чем Bootstrap, поскольку он не так популярен и не имеет такой большой поддержки. На момент написания этой статьи Shoelace все еще находится в бета-версии v1.0, поэтому у него есть достаточно времени, чтобы наверстать упущенное в более крупных платформах внешнего интерфейса..

Беглый взгляд на документы должен доказать, что это готов к производству. Это действительно зависит от вас, если шнурки стоит изучить и реализовать.

Взгляните на GitHub репо, чтобы получить копию и онлайн документы для получения дополнительной информации о настройке. Если у вас есть какие-либо вопросы или предложения по Shoelace, вы также можете написать об этом создателю в Twitter @claviska.