EDRO 2.0 | Разработчик фронта – Telegram
EDRO 2.0 | Разработчик фронта
443 subscribers
65 photos
45 videos
1 file
7 links
Дневник фронтедера самоучки
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Следующим этапом разработки интерфейсных фишек является кастомный селект. Это была изи катка. По-моему, получилось заебись. Или нет??? Покажите своими реакциями
14
This media is not supported in your browser
VIEW IN TELEGRAM
🔥4
Алоха фром хелл, товарищи! Сегодня воскресенье и лайтовый день. Поэтому, покажу вам структуру проекта. Были на это запросы в комментариях. Тут я выебываться не стал, ибо мозгов не так много, чтобы спорить с сверхразумами из Nuxt. Стандартно и ничего сложного. Ставь лайк и смотри в комметариях
5
This media is not supported in your browser
VIEW IN TELEGRAM
Алоха фром хелл, друзья! Все ближе и ближе подкрадываюсь к полноценному футеру на нашем сайте. Получилось сделать логотипчики магазинов и форму подписки. Еще требуется валидация, но об этом чуть позже. Скидываю на оценку. В комментах все самое интересное
6👍2
Из всех щелей кекендеры пукают, что нейросети заменят всех царей-фронтендеров. Это конечно нет. Но вот представьте ситуасьён. Вы тимлид и случайно увидиели у сотрудника вот такой экран. Ваши действия? Казнить? или нейронки это такой же инструмент как и среда разработки? (кстати запросы больше похоже, что делал бекендер)
This media is not supported in your browser
VIEW IN TELEGRAM
Алоха форм хелл, ребятки! думали я уже умер или уехал в закат? Ненене, сегодня отвлекли на помощь на другой проект, ибо работник я незаменимый. А если уж совсем честно, другой человек приболел, пришлось выручать) как вы относитесь к резким переходам между проектами? сможете держать в голове сразу несколько?
😁7
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня удалось поработать над основным проектом. Занимался навигационным меню в футере. Пришлось повозиться с анимашками. Так что ставим лайки и подписываемся за старания
Из интересного:
1) Полосочка из центра текста
2) За счет задержки обратной анимации получается эффект гармошки или перелива, хз как назвать
15👍2🤡2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Алоха фром хелл, народ! Сегодня докулупал туфер. И сделал адаптивчик. Вроде даже полчилось заебумба. Даже неплохо справилась самописная адаптивная сетка. Прошу проставить ваши реакции, чтобы я понял, что все не зря!)
27👌6👍3🤮3🤣1
This media is not supported in your browser
VIEW IN TELEGRAM
не успел подготовить полноценный пост по разработке, поэтому вопрос. Любите ли вы созвоны на удалёнке или круче в офисе пердеть в кресло?
😁9
Media is too big
VIEW IN TELEGRAM
Написал баннерлинк. Внутри него использовал уже сделанный компонент LinkUnderline. Интересность была в том, что при наведении на баннер, нужно вызывать анимации на компоненте LinkUnderline. Пришлось доработать LinkeUnderline и впихнуть туда defineExpose и уже из родительского компонента вызывать функции анимации подчеркивания. Жду реакций плиз ❤️
7😍5👏4🔥1
☄️Алоха фром хелл, друзья! ☄️
Сейчас делаю блок «Бестселлеры» на главной странице своего рабочего проекта. И тут меня застала интересная ситуация в плане верстки.
Имеем текст со стилем letter-spacing: 10px.
Нужно подчеркивание. Делаю через text-decoration: underline и получаю артефакт на скрине выше. Как решить?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
ты сразу же после утреннего дейли)
🤣12
Вчера столкнулся с проблемой выпячивания андерлайна, если у текста есть letter-spacing. Почему-то браузер к последнему символу добавляет этот леттер-спейсинг и увеличивает размер блока. Удалось решить (см. комментарии), может быть не самым элегантым способом, но рабочим) Ставь лукас, если сталкивался с таким прикольчиком)
11🤩2
This media is not supported in your browser
VIEW IN TELEGRAM
☄️Алоха фром хелл, товарищи! ☄️
На поветске дня блок бестселлеров. Получил от бекенда структуру продукта. Сделал карточку товара и впихнул в слайдер. Требование - бесконечно работающий слайдер по кругу. Получилоссь вроде неплохо. Не без помощи сторонних библиотек, конечно. Смогли бы сами такое реализовать? 20 лайков ❤️ и покажу код такого блока.
Please open Telegram to view this post
VIEW IN TELEGRAM
33
☄️Алоха, фром хелл, тунеядцы! Всем большое спасибо за реакции, честно неожиданно, что набралось даже больше чем планировалось. Показываю обещанный код, ничего сложного, весь прикол в настройке splide.js. Ставь огонь 🔥 если интересно или пригодится в будущем)
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥25👎1🤯1🤡1😍1
Недавно показывал компонент карточки продукта. Можно заметить, что я использовал вспомогательные функции. Хочу их вам показать. На просторах интернета увидел интересный лайфхак разделения числа на разряды, внимание на formatPrice. Также очень люблю пихать reduce везде, где не надо)
👍93