Перейти к содержимому

Тег: фичи

10 заметок

Единственно верная пагинация

Статичным сайтам нужно делить длинную ленту с постами на отдельные стра­ницы — это назы­ва­ется паги­на­цией. Видов паги­нации есть только два: как у всех и правиль­ная. У Триремы правиль­ная.

Медиатека: каталог всех медиафайлов блога.

Большинство сайтов придерживается правила «URL-адрес должен работать как навигация по сайту» до первой служебной страницы вроде «/pdfs/file.pdf». Ты стираешь имя файла в надежде увидеть страницу «/pdfs/» со списком всех ПДФ-файлов на сайте, но взамен получаешь 404. Трирема так не поступает.

Картинка в превью ссылок: убираем и заменяем на кастомную

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

Веб-тексту нужны переносы слов

Давным-давно в вебе решили, что отсутствие переносов слов в интернет-текстах это не баг, а особенность медиума. Сейчас больше половины интернета читается со смартфонов, а среднестатистический веб-текст — это узкая колонка, правый край которой без переносов превращается в рванину. Трирема решает эту проблему ненавязчивыми переносами.

Вперёд в прошлое

Рассказываю, что мне нравится и не нравится в Эгеевской навигации стрелочками. Экстра-душно.

Маркеры избранного и конца текста

Посмот­рите на листик в конце этого абзаца. Это флерон, он ставится в конце текста. Как и сердечко для избранных постов, его можно сменить на другой символ в ЦСС. Если вы видите флерон в превью поста, значит этот пост целиком уместился в описание и нет смысла пере­хо­дить на его стра­ницу. Разве что посмот­реть на картинку триремы, антич­ного воен­ного корабля.

Красивые ссылки

Ссылка на заметку должна быть короткой и красивой — потому что сайта блога без ведущих на него ссыл­ками соцсетей не бывает. Формат «author.com/note» я считаю един­ственно верным и в Триреме как раз такой, без всяких отяго­ща­ющих /post­s/all/2025/feb­ru­ary/. Тут и дока­зы­вать нечего — сами видите, как красиво!

Пишем личный автотипограф

В Триреме работает очень незаметный автотипограф: он убирает двойные пробелы, не даёт предлогам висеть в конце строк и показывает, где можно перенести слово. С помощью нескольких строчек кода вы можете дописать в него свои правила — в этой заметке расскажу, как.

Оптимизация изображений из коробки

Трирема пользуется встроенным в 11ty оптимизатором изображений и делает это нормально. Вам не нужно думать, как быстро откроется пост с кучей фото и не будет ли прыгать содержимое сайта при догрузке новых изображений. Открывайте эту заметку только если хотите почитать о моих страданиях или о разнице физических и веб-пикселей.

Уникально выглядящие страницы портфолио и спецпроектов

Авторский сайт это больше, чем блог, а Трирема — больше, чем сетап для блога. Верстайте портфолио на главной, завайте уникальные стили отдельным постам и страницам — Трирема интегрирует в себя всё. Для того, чтобы понять, о чём я говорю, зайдите на страницу этой заметки.