Домашняя » Инструментарий » Milligram.css - Минималистская библиотека веб-интерфейса для разработчиков

    Milligram.css - Минималистская библиотека веб-интерфейса для разработчиков

    От Bootstrap до Foundation нет недостатка в пользовательских библиотеках CSS. Но что, если вам нужен очень простой и легкий вариант для новых веб-проектов? Многие существующие библиотеки CSS тяжелый и наполненный чрезмерными чертами.

    Но Миллиграм это сверхлегкая альтернатива общим объемом около 8 КБ в минимизированном файле .css. Его можно установить с помощью Bower, NPM или с помощью прямой загрузки, размещенной локально или через CDN..

    По умолчанию библиотека построена на Normalize, поэтому вам нужно будет включить эту библиотеку тоже. Но на домашней странице Milligram есть удобное руководство по началу работы, которое поможет вам быстрее двигаться.

    Если вы просто тестируете это, то попробуйте добавить файлы напрямую из CDN, а не загружать их локально. Таким образом, вы можете настроить пример проекта на CodePen или в другой облачной среде IDE..

    Также библиотека использует бесплатный шрифт Roboto, размещенный Google, для всей своей типографии. Вы можете использовать Milligram без Roboto, но вы не получите такой же изящный дизайн шрифтов.

    Дополнительная нормализация библиотеки и Google Font может показаться бременем. Но все они могут быть размещены на внешних CDN так что вы не нужно беспокоиться о времени загрузки HTTP с вашего сервера. И Milligram поставляется с форматированием по умолчанию для всех основных элементов страницы:

    • Заголовки и абзацы
    • Упорядоченные и неупорядоченные списки
    • Цитаты
    • таблицы
    • Поля формы
    • Изображения с подписями
    • И еще немного!

    Загляните на домашнюю страницу Milligram.css, чтобы найти примеры исходного кода и получить ссылки на CDN. Вы также можете увидеть демонстрацию встроенной кухонной мойки со всеми элементами страницы Milligram, выполненными в индивидуальном стиле..