Возможно ли на собрать такой блок на 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

Как добавить sid в socket запрос?

{"sid":"27GDQEg6qeB60PikAAAb","upgrades ":["websocket"],"pingInterval":25000,"pingTimeout":20000}

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

где указаны настройки, так же sid - идентификатор сеанс подключения

зачем тебе этот sid куда-то там отправлять, пока есть подключения сокет и сам будет знать о нём

если хочешь можешь вытащить его из сообщения, да и отправлять куда хочешь, только не query параметрами, если будешь юзать query параметры то тебе придётся постоянно переподключаться - кароче дебильная идея

Обязательно делать два запроса к БД для получения динамических мета данных?

если вопрос по поводу того почему fetch вызывается 2жды, то это связано с кэшированием в нексте, там всё жестко кэшируется и запросы даже, поэтому запрос вызывается 2жды, проверки какие-то проводит связаны с кэшом - и это не как не пофиксить, ну по крайней мере я в доке не нашёл того - как избавить от этого

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

https://nextjs.org/docs/app/building-your-applicat...

Обязательно делать два запроса к БД для получения динамических мета данных?

про какие 2 запроса ты говоришь ? - имеешь в виду запрос вызывается 2жды ?

В чем ошибка в задаче hh #1?

BranchInCode, в начале проверки должны быть такими, мне кажется

const maxCookies = Math.max(...cookies);
if(maxCookies <= 0 || M < N) return 0;
if(N == M) return maxCookies;

В чем ошибка в задаче hh #1?

Lynn «Кофеман», Rsa97 - про часы, это можно понимать как итерации, вы правы что-то меня не туда понесло,
типа

let hours= 1;
while(hours <= M)

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

В чем ошибка в задаче hh #1?

Rsa97, про Cn === 0 соглашусь, одномерный массив

В чем ошибка в задаче hh #1?

Lynn «Кофеман», потому что задачу надо решать с учётом времени, поэтому здесь уместна асинхронщина.

Либо 0, если в офисе нет печенек, или если Фёдор не успеет съесть все печеньки за выделенное время

и я очень сомневаюсь что задача для node, и тут речь идёт не о process.stdout и т.д

Rsa97,

И опять таки, читаем задачу: "точное количество печенек Сn в каждом месте". Индекс использован один, значит массив одномерный.

- Места без печенек Фёдор может не посещать.