Как сделать подобную анимацию?

Антон Вебсайтовский, если ты имеешь ввиду что пост/вопрос удалишь , то это как-то не правильно

пост может кому-то в будущем поможет, плюс люди тратили время тут сидели, а ты думаешь только о себе

Как сделать подобную анимацию?

Антон Вебсайтовский, у тебя проблема там в том, что картинка выходит за пределы блока, разберись с этим и станет наверное легче ?

Kак при клике на элемент меню добавить к нему класс active?

когда тебя перебрасывает на другую страницу, у тебя не сохраняется состояние так как браузер заново начинает грузить весь твой html, csss, js с нуля

есть 3 варианта решения проблемы

1 - использовать роут на js, и переходить по ссылкам без перезагрузки страниц
2 - localStorage ( отслеживать через js, и давать нужной ссылке класс active )
3 - отдавать страницы готовые с бэка, где уже будет вешаться класс нужной ссылке в зависимости от Url

Как лучше сделать такой блок на сайте?

Ankhena, в гугле кстати пишут что можно вкладывать навигацию в aside, не знаю откуда вы взяли что - нельзя

Как лучше сделать такой блок на сайте?

Ankhena,

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

в документации есть пример, где в aside вложено nav со списком - пусть в примере оно и не является основным может меню а как дополнительным - но если макет так устроен на скрине что нет другого меню, почему бы в aside не быть основному меню nav ? по документации - это не является каким-то не верным решением. И к тому же хочу снова обратить внимание что "aside Элемент представляет раздел страницы, состоящий из содержимого, которое косвенно связано с содержимым вокруг aside"

останусь при своём мнении, раз не можем найти компромисс

Как лучше сделать такой блок на сайте?

Ankhena, вы не правы, я скинул ссылку на доки, почитайте.

Как лучше сделать такой блок на сайте?

Ankhena, https://html.spec.whatwg.org/multipage/sections.ht...

а на счёт лого - простой див ссылкой внутри или просто ссылка, див же может быть в aside или ссылка

Возможно ли на собрать такой блок на css, но что бы он тянулся в зависимости от содержимого?

hudiakov,

у меня весь сайт в таких блоках

- ужас

Проще тогда на js

- успехов

Возможно ли на собрать такой блок на css, но что бы он тянулся в зависимости от содержимого?

фоновую картинку

или через clip-path и вложенному блоку с текстом - ограничить ширину относительно родителя и сделать его по центру

Можно ли развить логику программиста?

Bir02, вот ты например сравниваешь себя с другими - зачем ? может тот на кого ты ровняешься - мучился 10 часов с задачей или до этого тратил в 10 раз больше времени на учебу чем ты, а ты посидел за ней час и не смог придумать ничего крутого, и делаешь выводы такие что вот мы на одном потоке, вроде я столько же обучаюсь как и другие а результат у меня хуже.

Одно я знаю точно, если упорно трудиться, всегда что-нибудь да получится.

Можно ли развить логику программиста?

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

Или возможно твоя ситуация совсем другая - "Трудно наполнить стакан, который уже и так полон"

Как реализовать параллельный скролл в блоке?

Полина Емельянова,

const sidebarScroller = document.querySelector(".sidebar__scroller");

const state = {
  pageYOffset: 0
}

window.addEventListener("scroll", function (e) {
  const scrollMaxSideBar = sidebarScroller.scrollHeight - sidebarScroller.clientHeight;
  const procent = 3;
  const procentScrollSideBar = Math.round(procent * scrollMaxSideBar / 100);
  const scrollTopSideBar = Math.round(sidebarScroller.scrollTop);
   
  if(state.pageYOffset > window.pageYOffset){
    sidebarScroller.scrollTop = scrollTopSideBar - procentScrollSideBar;
  } else if(state.pageYOffset < window.pageYOffset){
    sidebarScroller.scrollTop = scrollTopSideBar + procentScrollSideBar;
  }
  
  state.pageYOffset = window.pageYOffset;
});

так устроит ?

Как сделать подобную анимацию?

Антон Вебсайтовский, отмечай решением если помогло, автор ответа явно потратил больше 10 минут писав этот код)

Как сделать все флекс-элементы в строке одинаковой высоты? При этом, чтоб текст прижался кверху, а не по центру?

Muriam, если фиксированную ширину не использовать, ну за исключением процетов и т.д, то вылазить не должно

больше практики, изучить флекса и медиа запросы и всё

Почему nginx перестал проксировать на другие сервера?

может он у тебя отключен вообще ? бывает вырубается если оперативка поджимает

Как сделать подобную анимацию?

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

изучить html,css,js ( canvas ) и сделать

Как сделать подобную анимацию?

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

Как реализовать параллельный скролл в блоке?

Полина Емельянова,
так ?

const sidebarScroller = document.querySelector(".sidebar__scroller");

window.addEventListener("scroll", function (e) {
  const scrollMaxBody = document.body.offsetHeight - window.innerHeight;
  const procent = Math.round(window.scrollY * 100 / scrollMaxBody);
  
  const scrollMaxSideBar = sidebarScroller.scrollHeight - sidebarScroller.clientHeight;
  const scrollTop = Math.round(procent * scrollMaxSideBar /  100);
  sidebarScroller.scrollTop = scrollTop
});

Как сделать плавное увеличение высоты текста?

как вариант - замени height на max-height в паре с transition, и меняй на max-height 300, например

Почему navigate срабатывает в родительском компоненте, но не в дочернем?

Михаил, у тебя в app есть хук useRedirectToInitialPage который отслеживает стор и т.д, и редиректит куда ты там указал, так виртуальное дерево перебирается с верху в низ, то и поэтому у тебя в дочернем компоненте не отрабатывает редирект так как он отрабатывает в app