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

для тех, кому нравится позлее. музыка.
https://youtu.be/FctBfTFbHmU

на днях листал свои сохраненки в поисках чего в напочитать. и наткнулся на dazed подборку пяти альбомов недели. среди которых, на четвертом месте, расположился вышедший doomscroll, naked lungs. и это кажется самое яростное, что я слушал за последние пару лет. будто смесь ранних gilla band (fka girl band) и show me the body. второй день делаю ревью того, что наверстали разрабы под них, очень хорошо вместе. рекомендую

#tool
https://aniso.studiofreight.com/

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

https://aau-product.com попал в совместную подборку редимага и баунтихантерс ‘файв инспайринг интерактив вебсайтес’. и пусть до этого я знать не знал о существовании баунтихантерс, но приятно все равно. тем более, что на них подписано много хороших ребят из тех, на кого подписан я

смешная реклама у спутников

https://dota2data.io/

вызвался помочь с лендом на редике (и еще с разными штуками) для хакатона по доте. причина, почему я молчал две недели

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

в целом мне нравится, что получилось. но больше так не хочу, совсем выпал из жизни

https://codepen.io/armandocanals/pen/WWXZMB

держите js слежения за курсором. в редике нет такой штуки, нашел на просторах кодпена. очень простой

в mouseOverContainer кладем родительский элемент, над которым будет отслеживаться курсор. а в ex1Layer элемент который будет трансформироваться

еще есть параметр constrain. тут чем крупнее элемент, тем выше цифра должна быть. у меня 1000, например

еще кое-что про редик и кастомный код

скорее всего выборка по document.getElementById() не пригодится совсем, потому что в коде редика почти не используется id=“”. а вместо этого юзается атрибут data-id=“”, а это другое

поэтому для выборки нужно будет использовать document.querySelector('[data-id=""]’). где в квадратных скобочках можно указывать любой атрибут, тот же class=“”, например

еще часто нужно выбрать дочерний элемент внутри элемента с data-id=“” и тут можно указать последовательность document.querySelector('[data-id=“”] [class=“”]'), где вместо [class=“”] можно указать просто тег a, div или span (также как в css):

let ex1Layer = document.querySelector('[data-id="64fd9b4592a4fc002f0abba4"] div');

главное не забыть весь код обернуть в функцию проверки загрузилась ли страница и, на всякий случай, еще в дилей:

<script>
window.addEventListener('load', winLoad, false);
function winLoad(){

window.setTimeout(function() {

// твой код

}, 1000);
};
<script>

это что касается js. но в css тоже так можно:

[data-id="64fd9b4592a4fc002f0abba4"]{
background: red;
}

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