Блог

Заметки, статьи, инструкции
Страница 5

Подключение Tailwind CSS к проекту на Eleventy

Tailwind CSS в 11ty
25 ноября 2022 г.
Tailwind CSS работает, сканируя все ваши HTML-файлы, компоненты JavaScript и любые другие шаблоны на предмет имён классов, генерируя соответствующие стили и затем записывая их в статический CSS-файл. Это означает, что в конечный CSS-файл попадают не все стили Tailwind, а только те, которые были задействованы в процессе вёрстки. Это минимизирует объем загружаемых данных при открытии сайта и благоприятно влияет на его SEO-оптимизацию...

Создание адаптивных изображений при рендеринге Markdown в Eleventy

Рендеринг изображений Markdown в 11ty
6 ноября 2022 г.
Адаптивные изображения – это набор методов, используемых для загрузки изображения подходящего размера, в зависимости от разрешения устройства, ориентации, размера экрана, сетевого подключения и макета страницы. Браузер не должен растягивать изображение, чтобы оно соответствовало макету страницы, а его загрузка не должна приводить к потере времени и трафика. Это улучшает взаимодействие с посетителями сайта, поскольку изображения загружаются быстро и выглядят чёткими для человеческого глаза...

Как заказчик редактирует свой сайт после его создания и ввода в эксплуатацию

Netlify CMS для Jamstack сайта
2 ноября 2022 г.
Одним из первых вопросов, который задают многие заказчики - вопрос о процедуре редактирования сайта после его создания и ввода в эксплуатацию. Смогу ли я самостоятельно редактировать свой сайт и добавлять на него информацию? Насколько это сложно и какая нужна квалификация? Не сломаю ли я сайт, если сделаю что-то не так? Вопросы правильные и вполне правомерные. Поэтому я решил развёрнуто на них ответить, с иллюстрациями...

Выбор плагина для работы с Nunjucks в Visual Studio Code

Nunjucks плагин для VS Code
22 октября 2022 г.
К сожалению, VS Code не поддерживает из коробки подсветку синтаксиса и форматирование шаблонов Nunjucks. Поэтому, если в проекте используется Nunjucks, первым делом необходимо подобрать подходящий плагин для VS Code, выполняющий эти функции. Благо инфраструктура VS Code позволяет найти плагин почти на все случаи жизни...

Wordpress (REST API) в качестве Headless CMS для сайта на Eleventy

Wordpress как Headless CMS для 11ty
9 октября 2022 г.
Практически все генераторы Jamstack сайтов умеют запрашивать информацию из удалённых источников и вставлять эти данные в страницы сайта. Но далеко не все из них умеют создавать страницы на основе коллекций, полученных по REST API. Страницы обычно создаются только опираясь на файловую структуру и конфигурацию генератора, а данные из удалённых источников могут размещаться на уже созданных страницах...
AG & Dev © 2020 Moscow