навигация переехала в сторону

верхняя панель ощущалась тесной

Имел нормальную верхнюю панель навигации с самого начала, главная, архив, о, то есть, в ряд поперёк вверху. Никогда это не любил. Ощущалось как оно конкурирует с искусством заголовка за пространство, и на большем экране было просто это неловкое пустое полоса по сторонам от ссылок.

Переключился на боковую панель вместо. Навигация живёт вниз с левой стороны теперь, искусство заголовка получает вершину страницы к себе.

маленький иконка на раздел

Как только это была боковая панель я имел пространство дать каждой ссылке её собственный маленький пиксельный значок вместо просто текста. Сделал маленький глиф для каждого раздела, сундук с сокровищами для архива ощущался как очевидный выбор (старые посты, копай их), что-то ещё для о, что-то для контакт. Ничего причудливого, значки 16x16 пиксель, но это делает боковую панель ощущаться меньше как обычный список ссылок.

мобильный баг

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

Взял время отследить вниз. Оказалось раскрывающееся меню никогда не имело позиционированного предка измерить себя против:

/* before: header had no position set, so the dropdown below measured
   itself against the viewport instead of the header */
.site-header {
}

.nav-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}

/* after: give the dropdown something real to anchor to */
.site-header {
	position: relative;
}

Меню скользит правильно теперь и действительно остаётся на экране когда оно должно быть видимым.

Маленький баг, но вид что невидим если ты только когда-либо тестировал на твоём ноутбуке. Отметил то для себя идя вперёд, проверь телефон перед вызовом чего-то готово.

Боковая панель остаётся в любом случае, я люблю это больше чем верхняя панель когда-либо выглядела.