Senior Frontend - javascript, html, css

2023-04-08 08:00:25 CSS Realistic Image Shadow

В этом видео показывается процесс создания реалистичных теней для карточек с картинками.

@seniorFront Открыть/Комментировать

2023-04-07 13:00:57 Привет! Я frontend разработчик из международной немецкой компании. В своем телеграм канале Easy(JS) я делюсь полезными ресурсами и советами по web-разработке.

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

Присоединяйся к @js_is_easy и стань более продуктивным и эффективным разработчиком! Открыть/Комментировать

2023-04-07 09:00:42 CSS-only fluid slider

Создано и анимировано с использованием препроцессоров Pug и SCSS.

@seniorFront Открыть/Комментировать

2023-04-06 19:02:51 Activity notification panel concept

Вёрстка сделана в HTML и Less. Логика раскрытия карточки реализована в JS.

@seniorFront Открыть/Комментировать

2023-04-06 10:27:00 @seniorFront Открыть/Комментировать

2023-04-06 01:00:09 CSS Glowing Corners Effect

В этом коротком видео демонстрируется создание светящихся границ при помощи градиентов и теней.

@seniorFront Открыть/Комментировать

2023-04-05 16:05:13 VK объявляет Weekend Offer для фронтенд- и бэкенд-разработчиков.

Это отличная возможность всего за одни выходные, 15-16 апреля, познакомиться с командами ВКонтакте. Компания не только создает простые и удобные инструменты коммуникации, но также является удобной и масштабной площадкой для бизнеса: уже два миллиона предпринимателей находят здесь своих клиентов.

Отправляйте отклики до 13 апреля и получите шанс присоединиться к одному из направлений ВКонтакте: B2C и B2B.

@seniorFront Открыть/Комментировать

2023-04-05 12:05:52 Futuristic Card Effect

Карточка с тремя эффектами, процесс создания которых записан на видео. Ссылки на видео размещены рядом с карточкой.

@seniorFront Открыть/Комментировать

2023-04-04 19:02:51 FLIP image grid modal

Анимация реализована при помощи библиотеки gsap.

@seniorFront Открыть/Комментировать

2023-04-04 09:55:02 ​Советы для программиста, помогающие сберечь зрение

Давайте глазам отдыхать
Самое банальное, но не бесполезное.Программистам рекомендуется делать 15-минутный перерыв каждые 2 часа работы.
Если не можете выработать привычку вовремя отвлекаться от работы, то обратитесь за помощью к будильнику или приложениям-напоминалкам.

Настройте яркость экрана
Тут довольно простое правило: яркость экрана должна совпадать с яркостью окружения. Иначе глазам будет неприятно перестраиваться под разный уровень яркости. А про работу ночью в неосвещенной комнате лучше забыть вообще.

Компьютерные очки
Специальные желтоватые или розоватые очки. Они, как и ночной режим монитора, блокируют синие тона, поэтому глазам намного комфортней. Также они приглушают блики, за что глаза будут вам благодарны.

Расположение монитора
Если вкратце, то монитор должен быть на 15–20 градусов ниже от центра ваших глаз и располагаться на расстоянии вытянутой руки.

Избавляемся от сухости глаз
За конкретным препаратом лучше сходить к специалисту. Вам нужны именно увлажняющие капли. Иначе можете случайно взять капли от покраснений глаз, которые наоборот их сушат. Лучше не гадать и просто обратиться к врачу — он подберет для вас лучшее решение.

@seniorFront Открыть/Комментировать