Новые записи

Все статьи по тэгу - CSS

Вторник, 14 сентября 2021 19:00

Создаем веб-шрифт из TTF-файла

При создании веб-сайта перед дизайнером зачастую встает выбор: каким образом отображать на сайте символы и иконки? С одной стороны, можно подготовить картинки, но для адаптивного дизайна придется создавать множество изображений в разном разрешении. Можно использовать SVG-графику, но и тут есть свои ограничения.

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

Сегодня мы рассмотрим использование бесплатной программы FontForge для извлечения нужных символов - глифов из TTF-файла с последующим созданием WOFF2 файла.

Опубликовано в Статьи
Суббота, 27 марта 2021 18:22

Установка Gulp в WSL2

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

Для автоматизации подобных задач был создан GULP. Он написан на Node.js и посредством множества плагинов позволяет автоматизировать множество рутинных операций, с которыми приходится сталкивать вебмастеру – минификация CSS и JavaScript, перезагрузка страницы в браузере при внесении изменения в CSS, JS или HTML-код, а также автоматическое сжатие изображений, конвертация их в формат WEBP, создание атласа для иконок и много другое.

Так же существуют плагины, позволяющие вырезать неиспользуемый CSS-код (Uncss), что помогает уменьшить время загрузки сайтов!

В этой статье мы рассмотрим установку GULP на виртуальную машину WSL2 в Windows 10.

Опубликовано в GULP
Топ-100