Блог

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

Для реализации поиска по сайту, созданному на стеке Jamstack, можно воспользоваться популярной библиотекой List.js. У библиотеки неплохая документация на официальном сайте. Тем не менее, в зависимости от выбранной парадигмы, библиотеке может потребоваться доступ к структурированным данными постов сайта...

В шаблонизаторе Nunjucks имеется очень полезная функция - Cycler. При вёрстке сайта на Astro мне очень недоставало этой функции в шаблонах .astro. Но Astro тем и хорош, что позволяет, без особых усилий, самостоятельно добавить в шаблонизатор любую недостающую функцию...

Для вставки статьи, написанной c помощью Markdown, в шаблон страницы сайта на Astro, в документации предлагается указать Layout в секции Frontmatter файла Markdown. Но у этого способа есть существенный недостаток - корректный Layout необходимо явно указать во всех файлах Markdown и, при этом, не ошибиться. А если таких файлов сотни или даже тысячи? Можно не прописывать Layout в каждом файле Markdown, а указать его один раз для всех файлов Markdown в коллекции...

При создании сайта с использованием библиотек построения интерфейса разработчик часто сталкивается с тем, что значительная часть подключённого CSS остаётся невостребованной. Например, сжатый CSS одной из самых популярных библиотек Bootstrap (на текущий момент версия 5.2.3) весит 195 Кбайт. На примере этого сайта, после удаления неиспользованного CSS осталось менее 25 Кбайт, что в 8 раз меньше первоначального размера...

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

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

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