Тег: фичи
10 заметок
Единственно верная пагинация
Статичным сайтам нужно делить длинную ленту с постами на отдельные страницы — это называется пагинацией. Видов пагинации есть только два: как у всех и правильная. У Триремы правильная.
Медиатека: каталог всех медиафайлов блога.
Большинство сайтов придерживается правила «URL-адрес должен работать как навигация по сайту» до первой служебной страницы вроде «/pdfs/file.pdf». Ты стираешь имя файла в надежде увидеть страницу «/pdfs/» со списком всех ПДФ-файлов на сайте, но взамен получаешь 404. Трирема так не поступает.
Картинка в превью ссылок: убираем и заменяем на кастомную
В заметке о красивых ссылках я уже говорил про то, что сайты блогов неразрывно связаны с соцсетями. Сейчас всякая уважающая себя соцсеть пытается превратить любую ссылку в карточку-превью: с заголовком, описанием и картинкой. Трирема даёт полный контроль над внешним видом этого превью.
Веб-тексту нужны переносы слов
Давным-давно в вебе решили, что отсутствие переносов слов в интернет-текстах это не баг, а особенность медиума. Сейчас больше половины интернета читается со смартфонов, а среднестатистический веб-текст — это узкая колонка, правый край которой без переносов превращается в рванину. Трирема решает эту проблему ненавязчивыми переносами.
Вперёд в прошлое
Рассказываю, что мне нравится и не нравится в Эгеевской навигации стрелочками. Экстра-душно.
Маркеры избранного и конца текста
Посмотрите на листик в конце этого абзаца. Это флерон, он ставится в конце текста. Как и сердечко для избранных постов, его можно сменить на другой символ в ЦСС. Если вы видите флерон в превью поста, значит этот пост целиком уместился в описание и нет смысла переходить на его страницу. Разве что посмотреть на картинку триремы, античного военного корабля.
Красивые ссылки
Ссылка на заметку должна быть короткой и красивой — потому что сайта блога без ведущих на него ссылками соцсетей не бывает. Формат «author.com/note» я считаю единственно верным и в Триреме как раз такой, без всяких отягощающих /posts/all/2025/february/. Тут и доказывать нечего — сами видите, как красиво!
Пишем личный автотипограф
В Триреме работает очень незаметный автотипограф: он убирает двойные пробелы, не даёт предлогам висеть в конце строк и показывает, где можно перенести слово. С помощью нескольких строчек кода вы можете дописать в него свои правила — в этой заметке расскажу, как.
Оптимизация изображений из коробки
Трирема пользуется встроенным в 11ty оптимизатором изображений и делает это нормально. Вам не нужно думать, как быстро откроется пост с кучей фото и не будет ли прыгать содержимое сайта при догрузке новых изображений. Открывайте эту заметку только если хотите почитать о моих страданиях или о разнице физических и веб-пикселей.
Уникально выглядящие страницы портфолио и спецпроектов
Авторский сайт это больше, чем блог, а Трирема — больше, чем сетап для блога. Верстайте портфолио на главной, завайте уникальные стили отдельным постам и страницам — Трирема интегрирует в себя всё. Для того, чтобы понять, о чём я говорю, зайдите на страницу этой заметки.