В Bootstrap и Foundation нет недостатка в пользовательских библиотеках CSS. Но что делать, если вам нужен очень простой легкий вариант для новых веб-проектов? Многие существующие библиотеки CSS тяжелы и переполнены избыточными функциями.
А вот Milligram – это суперлегкая альтернатива на общую сумму около 8 КБ в уменьшенном виде .css-файл . Он может быть установлен через Bower, NPM или прямую загрузку, размещенную локально или через CDN.
По умолчанию библиотека построена на Normalize, поэтому вам также нужно будет включить эту библиотеку . Но на главной странице миллиграмма есть удобное руководство по началу работы, которое может помочь вам быстро все настроить.
Если вы просто тестируете его, то попробуйте добавить файлы непосредственно из live CDN, а не загружать их локально. Таким образом, вы можете настроить пример проекта на CodePen или другой облачной интегрированной среде разработки .
Также библиотека использует бесплатный шрифт Roboto, от Google для всей своей типографики. Можете использовать Milligram без Roboto, но увы, вы не получите тот же гладкий дизайн шрифта.
Библиотека Normalize и Google-шрифт могут быть достаточно емкими. Но они могут быть размещены через внешние CDN, так что вам не нужно беспокоиться о времени загрузки HTTP-запросов с вашего сервера .
В Milligram есть все форматирование для всех базовых элементов страницы:
- Заголовки и абзацы
- Упорядоченные и неупорядоченные списки
- Цитаты и сноски
- Таблицы
- Поля формы
- Изображения с подписями
- И многое другое!
Зайдите на Milligram.css, чтобы найти образцы исходного кода и CDN ссылки. Также вы можете посмотреть демо-версию, в которой представлены все пользовательские элементы страницы Milligram.