Эрнест пытается кодить
57 subscribers
163 photos
61 videos
1 file
38 links
Рассказываю о своей работе, делюсь мыслями и интересными моментами из жизни.

Контакты: @akavov

https://t.me/boost/ernst_code
Download Telegram
Ernest Akavov
Video
Получилось вот так, я просто накинул размер и примеры категорий, пытался сначала разобраться с анимацией, а потом уже сделать нормальные стили для ссылок
Так как Илья, наш дизайнер, благополучно засрал этот вариант, я сел за поиск другого. Почему поиск? Да потому что чтобы сделать плавную остановку нужно порвать жопу!
❤1
Поиски меня ни к чему не привели, поэтому решил посмотреть референсы, который скинул Илья и которые я боялся смотреть, потому что цетирую: "Вот здесь отличная анимация, но там оверкил js". Именно из-за этого "оверкил", я даже не стал смотреть))
Так как вариантов не оставалось, зашел и полнял что АБСОЮТНО НИЧЕГО НЕ ПОНИМАЮ.
Код был написан, использую библиотеку для js, под название "gsap". Мало того, что эту библиотеку я не знаю, так я ее установить полтора часа не мог. Об ее использовании я молчу.
Единственное решение было тупо перекопировать код из референса три раза и наложить на три разыне строки, только вот работает это все криво. Остановка при наведение присутствует только у первой строки, остальные по приколу видимо не хотят работать, потому что объяснений я не нашел.
Эрнест пытается кодить
Photo
Второе, что я сделал буквально за вчерашнее утро — это компонент кнопки. Компоненты в реакте работают таким образом, что ты даешь ему информацию, а он должен тебе выдавать готовый элемент. По такому принцпу я сделал эти кнопки.
Даешь кнопке ссылку, текст и тип кнопки, который хочешь получить и компонент кнопки сам обрабатывает все стили и выдает готовый продукт))
Эрнест пытается кодить
Photo
Кроме кнопок был сделан еще инпут, с плавной анимацией рамочки.
Эрнест пытается кодить
Снимок экрана 2023-03-13 в 21.35.06.png
На основе этих компонентов я собрал хеддер. Очень долго мучался, чтобы расположить инпут по центру, но в итоге используя creatrive thinking у меня получилось😁
Please open Telegram to view this post
VIEW IN TELEGRAM
Эрнест пытается кодить
Photo
Очень хотел взяться за эту карточку, поэтому сегодня занимался ей. 10 раз пожалел, потому что расположить обложки подкастов точно так же, как в дизайне пока не выходит. Большую часть времени пытался сделать именно это.
❤‍🔥2
Рекламный баннер сделан. Так и не понял это картчока или баннер.
🔥3
Расположу ровно кнопку и рекламная краточка номер 2 готова.
Эрнест пытается кодить
В реакте начал работать в два раза быстрее, уже в голове строиться какой то алгоритм действий, будто я знаю, что делать и могу найти решения проблемам, а не так что как только что-то пошло не так, я бегу за помощью.
Помню говорил, что начал работать в два раза быстрее, так вот, все это чушь, я тогда как черепаха писал, сейчас все гораааздо быстрее и понятнее, интересно что будет дальше)