Отправил ссылку на мердж 12-го модуля. Как в этот раз всё задолбало. Впрочем в этот раз сразу полноценный макет верстать пришлось. Там не было сложного адаптива или анимаций с JS. Но первоначальный адаптив и простые анимации были. Плюс пришлось ещё подгонять под макет пиксель в пиксель.
Начинаю в домашке устранять проблемы, лезут другие. Пока неймингом занимался пару раз думал всё снова переделывать, забываешь поставить где-то чёрточку и блок ломается. Потом пришлось ещё доделывать состояния, пропустил местами из-за невнимательности. Осталось половину нейминга к БЭМ привести и хорошо вспомнил, что нужно все цвета в переменные забить.
4 часа возился с состоянием иконок. Сначала аутлайн надо было выровнять, гребанная ссылка растягивала снизу. Потом сами иконки привести в порядок т.к. их чутка обрезало по краям. Я хз мб есть способы получше, но я всё же сделал чтобы выглядело как по макету.
Осталось доделать форму и привести нейминг к БЭМу да и вообще CSS в порядок. Я пока решал проблемы такой бардак в нём устроил.
Почти закончил с первоначальным видом Евклида. Ещё пиксель перфект надо и анимацию и тогда можно сдавать модуль. Сил уже нет это сегодня. Надо приготовить поесть и продолжить, хотя б пиксель перфект.
Приноровился высчитывать размеры блоков процентах. Использую стандартную формулу и вставляю результат вместе с тысячными, пусть браузер разбирается. Правда до пиксель пёрфекта ещё не добрался. Чувствую там веселье будет ждать.
п.с. Попробовал с пиксельпёрфект. Медитативное занятие, сидишь двигаешь по миллиметру, гоняешь туда-сюда ползунок инверсии проверяя.
Пздц. Думал в чём проблема, почему блок не растягивается. Что-то пропустил может. Оказывается за каким-то хреном в контейнере написал фиксированную высоту и совсем забыл об этом.
Вчера начал делать домашку и даже штмл не закончил. Из-за того что размеры теперь надо в процентах. Вместо того чтобы подставить цифры как раньше приходится сидеть и проценты высчитывать. А ещё все эффекты взаимодействия тоже надо. Но сначала всё подогнать под пиксель перфект, т.е. пиксель в пиксель надо.
11й принят с небольшим косяком. Теперь Евклид и адаптив. А ещё оказалось у мозилы нет пиксель перфекта, браузер вообще с кучей заморочек в этом плане. По счастью есть и на мозиле верстальщики и для своего удобства сделали копию пикселя.
Как же выебла домашка, не зря было стойкое нежелание ею заниматься в этот раз. Особенно руки опустились, когда из-за ошибки элемент с абсолютом улетел в потолок и раздулся перекрыв треть верхней части страницы. По виду складывалось ощущение, что или мышка отрубилась или браузер заглючил, страница в той части попросту перестала реагировать. Такого не видел ранее и запаниковал. Еле нашёл ошибку. Ещё и SVG практически полностью разобрал что там за атрибуты.
С чем возилсяВот с этим провозился. Кнопки теперь при наведении окрашиваются в другой цвет. Стрелочка на карточке ниже сдвигается в сторону, если по дизайну нужно она так же может окрашиваться вместе с текстом плюс ссылкой можно сделать всю карточку (что я и сделал) т.е. не обязательно на надпись наводить, достаточно на карточку и ссылка с анимацией будут активны. Отдельно с фокусом геморр (не знал о его существовании от слова совсем, оказывается это очень важно для людей с ограничениями, в вёрстке вообще полно теперь инструментов для них и надо всегда ими наполнять страницу) нужно его растянуть от ссылки на всю карточку, всё делается через натуральный океян костылей.
Возился-возился и в итоге тупо кнопки перестали реагировать. Ясно было что какой-то слой блочит, но ничего такого в коде не видел. В итоге оказалось я удалил релатив у родителя и не поставил другому, блок с абсолютом да ещё и со стопроцентным заполнением контента улетел наверх к краям браузера и растянулся во всю ширину. Хрен подумаешь.
Почти доделал. Осталось ещё парочке ссылок анимацию прикрутить и доделать переменные к которым цвет привязываешь, часть переменных сделал цвета которых уже были, а вот там где анимация пока ещё нет. п.с. Только вспомнил, ещё фавикон надо как-то примастрячить.
С анимацией на ссылке в личный кабинет возился часов 6. Мудаки в чате как по команде решили поиграть в "Что? Где? Когда?" Нельзя ведь просто сказать как должен выглядеть код. Ты должен догадаться по вроньему помёту и пердежу из деревенского сортира. В инете же одна вода, пространные рассуждения и описание искомого. Возможно там даже есть ответ, но это точно надо знать что он там есть т.к. найти его в стенке текста на Хабре, к примеру, невозможно. Нередко среди этой стенки текста и нет ответа.