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

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

Воскресенье, 05 августа 2018 09:24

Nanoreset - самый маленький CSS reset размером менее 1 Кб

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

Большинство разработчиков никогда не строят сайт с нуля. Для них доступны два варианта: использование frontend-фреймворка, или пользовательского средства для сброса стилей.

Самым популярным средством, применяемым для этих целей, является Normalize, который «обнуляет» все встроенные CSS-стили браузеров к одним и тем же значениям. Этот инструмент работает правильно независимо от типов ОС и версий браузеров. Если вы используете Normalize, то наверное, он вас устраивает. Тем не менее, основным преимуществом Nanoreset является скорость его работы.

Nanoreset

Эта бесплатная библиотека стилей в сжатом виде занимает всего 950 байт. Возможно, это самый маленький CSS-reset, который существует на сегодняшний день.

Nanoreset поддерживает все современные браузеры и кастомизирует все основные элементы страницы. Просто подключите Nanoreset CSS на странице или объедините его с вашим CSS-кодом, используя сжатие с помощью какого-либо инструмента.

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

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

Nanoreset GitHub

Если вы хотите посмотреть, как выглядит страница с подключенным Nanoreset, ознакомьтесь с демонстрационной версией (https://tiaanduplessis.github.io/nanoreset/), размещенной на GitHub. Конечно, демо-страница выглядит не очень привлекательно, но дает вам представление о том, как работает Nanoreset.

Эта библиотека доступна для всех типов веб-проектов, потому что выпущена под лицензией MIT. Все, что вам нужно для начала работы с библиотекой находится в официальном репозитории на GitHub. Побывав там, вы сможете начать знакомство с Nanoreset.

Оригинал статьи: https://www.hongkiat.com/blog/nanoreset-css-resets/

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

Прочитано 2801 раз
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх