19:42

Я котика передамажил. Может дело в тебе?
Принялся за домашку 13 модуля. По виду там не сложно, просто подогнать под все разрешения при помощи медиа-запросов. В отличии от практики мне ничего выдумывать не надо, у Евклида есть все макеты (кроме для фаблетов/мелких планшетов, их кто-то помнит? Но брейкпоинт для них есть)

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

п.с. Всё искал инфу как же бургер-меню делать. На всех видео только как иконку сделать. В конце-концов дошло, что сейчас мне только иконку сделать, саму реализацию в модуле с джава-скриптом уже.

07:26

Я котика передамажил. Может дело в тебе?
Раньше пшено варил отдельно и уже потом в суп перекладывал. Сейчас забыл, в итоге суп испорчен, в воде какая-то белёсая взвесь которая при варке пшена выделяется. Придётся вылить и новый варить. Есть эту гадость нет желания.

Куратор что-то совсем расслабился. Сейчас от скуки просматривал Евклид и обнаружил, что в секции вопросов текст не меняет цвет при клике. Там вообще странно немного, обычно при клике дополнительный цвет, а здесь он становится таким как при дефолте, только иконка немного меняется. Наверное из-за этого проглядел. Я сам из-за этого как раз пропустил.

20:20

Я котика передамажил. Может дело в тебе?
12-й приняли, только БЭМ надо будет в следующей домашке подправить.

07:03

Я котика передамажил. Может дело в тебе?
Отправил ссылку на мердж 12-го модуля.
Как в этот раз всё задолбало. Впрочем в этот раз сразу полноценный макет верстать пришлось. Там не было сложного адаптива или анимаций с JS. Но первоначальный адаптив и простые анимации были. Плюс пришлось ещё подгонять под макет пиксель в пиксель.

02:30

Я котика передамажил. Может дело в тебе?
Начинаю в домашке устранять проблемы, лезут другие. Пока неймингом занимался пару раз думал всё снова переделывать, забываешь поставить где-то чёрточку и блок ломается.
Потом пришлось ещё доделывать состояния, пропустил местами из-за невнимательности.
Осталось половину нейминга к БЭМ привести и хорошо вспомнил, что нужно все цвета в переменные забить.

20:29

Я котика передамажил. Может дело в тебе?
Вроде всё по анимациям состояний. Теперь классы к БЭМу привести и можно сдавать с чистой совестью.

16:45

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

Осталось доделать форму и привести нейминг к БЭМу да и вообще CSS в порядок. Я пока решал проблемы такой бардак в нём устроил.

20:28

Я котика передамажил. Может дело в тебе?
Гриффины:

Питер и Лоис лежат в кровати перед которым стоит телек. Питер его как раз смотрит.

Питер (со слезой в голосе): - Тот жёлтый лабрадор смертельно болен.
Лоис (устало) - Питер, это Гвинет Пэлтроу и она в порядке.

17:02

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

Как же этот макет перегружен ссылками, кнопками. Всё надо анимировать, всему надо прописать или якорь или просто в ссылку обернуть.

15:30

Я котика передамажил. Может дело в тебе?
Наконец-то доделал у Евклида пиксель перфект.
Теперь очередь анимации.

18:53

Я котика передамажил. Может дело в тебе?
Почти закончил с первоначальным видом Евклида. Ещё пиксель перфект надо и анимацию и тогда можно сдавать модуль. Сил уже нет это сегодня. Надо приготовить поесть и продолжить, хотя б пиксель перфект.

16:27

Я котика передамажил. Может дело в тебе?
Приноровился высчитывать размеры блоков процентах. Использую стандартную формулу и вставляю результат вместе с тысячными, пусть браузер разбирается.
Правда до пиксель пёрфекта ещё не добрался. Чувствую там веселье будет ждать.

п.с. Попробовал с пиксельпёрфект. Медитативное занятие, сидишь двигаешь по миллиметру, гоняешь туда-сюда ползунок инверсии проверяя.

01:54

Я котика передамажил. Может дело в тебе?
Пздц. Думал в чём проблема, почему блок не растягивается. Что-то пропустил может. Оказывается за каким-то хреном в контейнере написал фиксированную высоту и совсем забыл об этом.

18:24

Я котика передамажил. Может дело в тебе?
Так вот выглядит страница сейчас.

читать дальше

А должно стать так.

читать дальше

14:39

Я котика передамажил. Может дело в тебе?
Вчера начал делать домашку и даже штмл не закончил. Из-за того что размеры теперь надо в процентах. Вместо того чтобы подставить цифры как раньше приходится сидеть и проценты высчитывать.
А ещё все эффекты взаимодействия тоже надо. Но сначала всё подогнать под пиксель перфект, т.е. пиксель в пиксель надо.

12:13

Я котика передамажил. Может дело в тебе?
11й принят с небольшим косяком.
Теперь Евклид и адаптив.
А ещё оказалось у мозилы нет пиксель перфекта, браузер вообще с кучей заморочек в этом плане. По счастью есть и на мозиле верстальщики и для своего удобства сделали копию пикселя.

00:04

Я котика передамажил. Может дело в тебе?
Ответ по домашке ещё не пришёл, но я уже осматриваю Евклид (следующий полноценный макет после Лагуны)

12:56

Я котика передамажил. Может дело в тебе?
Неужто доделал эту чёртову домашку. Ппц полный. Очень большой объём новой инфы который ещё и неполный был. Столько нервов ушло.
Даже фавикон сделал.

image

С чистой совестью смотрю лекции в 12 модуле.


22:36

Я котика передамажил. Может дело в тебе?
Как же выебла домашка, не зря было стойкое нежелание ею заниматься в этот раз. Особенно руки опустились, когда из-за ошибки элемент с абсолютом улетел в потолок и раздулся перекрыв треть верхней части страницы. По виду складывалось ощущение, что или мышка отрубилась или браузер заглючил, страница в той части попросту перестала реагировать. Такого не видел ранее и запаниковал. Еле нашёл ошибку.
Ещё и SVG практически полностью разобрал что там за атрибуты.

С чем возился

18:22

Я котика передамажил. Может дело в тебе?
Возился-возился и в итоге тупо кнопки перестали реагировать. Ясно было что какой-то слой блочит, но ничего такого в коде не видел. В итоге оказалось я удалил релатив у родителя и не поставил другому, блок с абсолютом да ещё и со стопроцентным заполнением контента улетел наверх к краям браузера и растянулся во всю ширину. Хрен подумаешь.