Senior Frontend - javascript, html, css. Страница 38

Sparkly Shiny Text Создано из svg картинки, стилизуемой в CSS. 👉 @seniorFront

Kippo Hover Card Effect При наведении задействуются CSS трансформации, которые перемещают карточки. 👉 @seniorFront

​Главные боли программиста Начнем, пожалуй, с самой распространенной проблемы – глаза Множество программистов – носители очков, либо сделали операцию. Близорукость, синдром «сухого глаза», покраснения и ощущение песка в глазах – ваш верный друг и вечный спутник. Связано это с постоянным смотрением в монитор, который находится на близком расстоянии, работа в темноте, либо с недостаточно качественным освещением, а также забивание на зарядку для глаз, о которой все конечно же знают, но никогда не практикуют. «Туннельный» синдром или воспаление лучезапястных суставов Причиной туннельного синдрома является сдавление срединного нерва между костями, поперечной кистевой связкой и сухожилиями мышц запястья. Это приводит к постоянным ноющим болям, в самых сложных случаях пациенты теряют активность пальцев, что лечится только травматичной операцией с длительным восстановлением. Остеохондроз позвоночника и сколиоз Самое печальное в этом заболевании то, что когда оно только развивается – вы не испытываете особых болей. Доставать это вас начнет гораздо позже, когда исправить что-то будет крайне сложно. Самое минимальное что тут можно порекомендовать, это ношение корсетов и регулярное укрепление мышц корпуса. Нарушение сна Большинство программистов сложно встают утром и поздно ложатся ночью. Часто бывает, что даже если вы ложитесь вовремя, то не можете уснуть, прокручивая в голове задачи. Решают эту проблему по разному, кто-то медитирует, кто-то пьет таблетки, что весьма плохо, кто-то лежит перед сном в ванной или выходит прогуляться на улицу. 👉 @seniorFront

Больше кодить, меньше готовить и получать максимум от еды поможет один из самых технологичных сервисов на рынке доставки еды - justfood Идельное решение для тех, кто не успел приготовить себе домашний завтрак, обед или ужин – ребята выберут самые свежие продукты и приготовят из них вкусные, полезные и сбалансированные по всем показателям рационы питания. 5 дней правильного питания стоят 3800₽ вместо 4750₽ по промокоду SENIORFRONT, доставка бесплатная по Москве и области. Заказывайте по ссылке

Isometric Card Grid Сверстано на гридах. Логика прокрутки контейнера создана в JS. Эффекты при наведении на карточку реализованы в CSS. 👉 @seniorFront

appearance Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows. Свойство appearance позволяет задавать внешний вид одних элементов другим элементам. При этом браузер будет отрисовывать их с учётом текущей операционной системы пользователя и темы оформления. В настоящее время используется в основном appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере. 👉 @seniorFront

ВНИМАНИЕ! Приглашаем на бесплатный марафон по трудоустройству "ЗАРАБОТОК НА 3D МОДЕЛИРОВАНИИ В 2022", от ведущих экспертов индустрии! Поиск работы превращается в замкнутый круг «отклик➡️собес➡️отказ» и нет ни малейшего понятия, как из него выбраться. Недостаточно освоить профессию — нужно уметь ещё себя презентовать. Мы научим тебя этому на марафоне по трудоустройству 🔥 Мы собрали 8 крутых спецов в области трудоустройства в геймдев, которые расскажут тебе: ✔️ Как вести себя на собеседованиях и общаться с HR. ✔️Как собрать качественное портфолио на ArtStation. ✔️ Как выполнять тестовые задания так, чтобы получить желаемую работу. ✔️ Как продвигать своё резюме. ✔️ Как развивать свой личный бренд в соцсетях и находить благодаря этому клиентов. 🔥После прохождения марафона ты гарантировано получишь свой первый проект! Переходи по ссылке и регистрируйся — количество мест ограничено ⤵️ https://bit.ly/3VGN4QO

iPhone 14 w/ Dynamic Island Верстка реализована с использованием препроцессоров Pug и SCSS. Каждая нажимаемая кнопка - это input с type="radio", при нажатии на который активируются определенные стили. 👉 @seniorFront

Supernova CSS 3D! Свёрстано на HTML и CSS. Анимации реализованы при помощи CSS keyframes. 👉 @seniorFront

Merged String Checker Создайте функцию, которая проверит, можно ли составить строку s из символов двух других строк - part1 и part2. При этом символы в part1 и part2 нельзя менять местами. Пример: 'codewars' is a merge from 'cdw' and 'oears': s: c o d e w a r s = codewars part1: c d w = cdw part2: o e a r s = oears 👉 @seniorFront

Table Flipping Анимация переключения страниц создана библиотекой gsap. 👉 @seniorFront

Animated Menu В этом видео создается меню с анимацией при открытии на HTML и CSS. Логика открытия создана в JS. 👉 @seniorFront

👉 @seniorFront

Ребята, нашел крутой канал опытного фронта! Сегодня вечером будет стрим, где он будет показывать фишки разработки на Vue. Приглашаю всех неравнодушных посмотреть и задать все интересующие вас вопросы. От того, как начать свой путь в разработке, до того, как правильно строить отдел. Ссылочку на канал прикрепляю → https://t.me/frontend_lite

Crazy Dog Создано на canvas и анимировано в JS. 👉 @seniorFront

You Must Build a Lighthouse. Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили. 👉 @seniorFront

👉 @seniorFront

Хотите освоить одну из самых «дорогих» IT-профессий в дизайне ― начните с основ UX/UI-дизайна в Figma на бесплатном курсе. Figma — популярный графический редактор, который в сфере ценят за функциональность и гибкость. С его помощью можно создавать баннеры, интерфейсы, прототипы. На курсе «Основы Figma» вы познакомитесь с ключевыми инструментами сервиса и с их помощью решите несколько реальных дизайнерских задач. Подготовите баннер для рекламы, смакетируете лендинг и адаптируете макет, чтобы он корректно отображался на разных устройствах. Регистрация https://netolo.gy/jst Реклама. ООО «Нетология»