Матвей Земсков

Заметки веб-мастера

Немного о веб-технологиях

Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.

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

В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.

Надеюсь информация будет полезна для посетителей.

 
Четверг, 27 февраля 2020 21:37

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

Оцените материал
(0 голосов)

В пользовательских CSS-библиотеках нет недостатка – вы можете выбрать любую: от Bootstrap до Foundation. А если вам нужна простая и легкая библиотека для использования в новых проектах? Многие из существующих CSS-библиотек не подойдут, так как они тяжелы изо того, что они содержат излишние возможности. Хорошо, что есть Milligram – супер-легкая альтернатива, которая «весит» всего 8 Кб в сжатом виде. Вы можете установить его через Bower или NPM, также загрузить и разместить локально или подключить через CDN.

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

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

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

Библиотека использует бесплатный шрифт Roboto (https://fonts.google.com/specimen/Roboto), размещенный Google Fonts, для всего текста. Вы можете использовать Milligram без Roboto, но тогда ваши тексты не будут выглядеть так же изящно.

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

Для всех основных элементов страницы в Milligram по-умолчанию есть свое форматирование. Например, его имеют:

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

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

Демо-страница

Оригинал статьи: Milligram.css – Minimalist Frontend Library for Developers

Перевод: Земсков Матвей

Прочитано 214 раз

Добавить комментарий


Свежие заметки
Последние комментарии
  • Ошибка при настройке push and pull сервера в Битрикс ВМ
    • Матвей 29.03.2020 09:57
      Добрый день! На тот момент не удалось. Сейчас мне неизвестно, так как после этого наш клиент больше не ...
       
    • Анатолий 23.03.2020 15:02
      Добрый день! А как в итоге получилось установить push-server или нет? Если получилось объясните как.
       
    • Матвей 20.01.2020 23:04
      Пожалуйста, Roman.
       
    • Roman 15.01.2020 15:37
      Спасибо добрый человек, очень помог. Возникла точно такая-же ошибка, после точно таких-же действий.
  • Создание почтового события с помощью API в Битрикс
    • irmaseo.ru 02.03.2020 20:00
      Очень полезная информация
Наверх