[recovery mode] Кровь, пот и слезы: как я переделал навигацию на сайте документации и в чём профит переделки

Скрипты и советы | 17 октября 2022 810

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании Docsvision, Open source, Клиентская оптимизация, HTML, Подготовка технической документации, asciidoc, opensource, html, документация, javascript, клиентская оптимизация, css, svg, оптимизация сайта,

Привет! Меня зовут Владимир, но вы можете звать меня просто Иннокентий Алексеевич. Я люблю эксперименты. Сегодня я расскажу, как можно улучшить навигационное меню на сайте документации, сократить время сборки и размер сайта больше чем в два раза. В качестве примера возьму сайт документации, собранный при помощи Antora.


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


Antora — генератор статических HTML сайтов из исходных AsciiDoc файлов. Antora бесплатная и имеет открытый исходный код.


Магия

Читать дальше →
Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

Привет! Меня зовут Оля и я расскажу о том, как мы при помощи гибкой вёрстки настроили отображение контента на широких...

Подробнее
[recovery mode] Как заказать услуги по SEO и не потерять $

Всем привет! Меня зовут Иван Бабайлов и в этом материале я расскажу о том, как правильно заказывать SEO-услуги, на что...

Подробнее
За сколько секунд должен загружаться веб-сайт в 2020, что такое «быстро», и причем тут зеркала в лифтах?

Казалось бы, померил время от HTTP-запроса браузера до загрузки последнего байта страницы — и готово. Not so fast! У...

Подробнее
[Перевод] Вышел Bootstrap 3.1

Сегодня мы выпустили Bootstrap версии 3.1.0. В нее добавлены несколько новых возможностей, множество фиксов и...

Подробнее
[recovery mode] 10 нестандартных способов навредить SEO при смене CMS (+1 бонусный)

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

Подробнее
[recovery mode] XPath — примеры запросов в html для парсинга сайта

Парсим данные с сайтов при помощи XPath и Screaming Frog без помощи программистов. Синтаксис XPath для выбора, ссылка...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями