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

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

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

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

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

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

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

В прошлых статьях (первая часть, вторая часть)  мы рассмотрели установку среды разработки VSCode под Windows 10 и добавили в неё поддержку языка C++.

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

Данная среда может использоваться и для разработки HTML-страниц.

Сегодня мы рассмотрим установку двух расширений Browser Preview и Live Server, которые позволяют создавать HTML-сайты не устанавливая отдельный web-сервер, и производить отладку и правку дизайна сайта не переключаясь между редактором и браузером!