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

Dark Mode Toggle Button Минималистичный переключатель темы на HTML и SCSS. 👉 @seniorFront

Chromatic Aberration Вёрстка создана с использованием препроцессоров Pug и SCSS. Логика наложения фильтров реализована в JS. 👉 @seniorFront

​Самые страшные кошмары программистов - Клиенты хотят, чтобы я уже к сегодняшнему вечеру внес изменения, над которыми нужно поработать минимум пару дней. - Отсутствует интернет-соединение. - Не можешь найти решение какой-то проблемы. Даже при помощи Stack Overflow. - Босс злится из-за того, что проект не готов вовремя. - Отсутствует точка с запятой. - Из-за неполадок в созданном тобой коде у кого-то возникают проблемы. - Нет кофе! - Сбой интегрированной среды разработки. - Ломается провод у рабочих наушников. - Компьютер ломается в тот момент, когда ты уже сделал значительную часть работы. - Ошибка появляется только после введения программы в эксплуатацию и не может быть обнаружена раньше. - Не вы занимались написанием кода, в котором обнаружена ошибка, но именно вам приходится его исправлять, потому что создавший его человек больше не работает в вашей компании. - Ошибку вызвало что-то, что находится в библиотеке, которой можно доверять на 99,9%, поэтому это последнее место, где вы будете искать первопричину бага. - Устранение ошибки требует знаний в тех областях, о которых вы и понятия не имеете. 👉 @seniorFront

Ищем фронта. Платим много! Специально для Вас, собираем топовые вакансии для фронтов на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!

2022 Toggle Переключатель, анимированный в JS при помощи библиотеки lottie. 👉 @seniorFront

CSS свойство animation-delay Свойство animation-delay задаёт задержку воспроизведения CSS-анимации. Пример .element { animation-delay: 1s; } Значением может быть любое число, как отрицательное, так и положительное. Если значение положительное, то будет задержка перед началом анимации. Если значение отрицательное, то анимация начнётся как бы за кадром. 👉 @seniorFront

Longcat Scroll В JS подсчитывается проскроленное расстояние, исходя из которого высвечиваются ачивки. 👉 @seniorFront

Is the string uppercase? Создайте функцию, которая проверит, все ли символы в строке заглавные. Примеры: "c" -> False "C" -> True "hello I AM DONALD" -> False "HELLO I AM DONALD" -> True "ACSKLDFJSgSKLDFJSKLDFJ" -> False "ACSKLDFJSGSKLDFJSKLDFJ" -> True 👉 @seniorFront

Paper Chase Сцена создана с использованием препроцессоров Haml и SCSS. 👉 @seniorFront

text-justify Свойство text-justify указывает, какой тип выравнивания должен применяться к тексту, если ему уже задано свойство text-align: justify. Возможные значения: none — выравнивание текста отключено. Будто text-align: justify не прописано для текста. auto — значение по умолчанию, браузер сам решает какой тип выравнивания применить, основываясь на балансе между скоростью и качеством. inter-word — выравнивание достигается увеличением пробелов между словами. inter-character — выравнивание достигается увеличением пробелов между символами. 👉 @seniorFront

Neumorphism Gradient Loading В этом видео создается оригинальный градиентный загрузчик в стиле Neumorphism. 👉 @seniorFront

Делимся нашим приватным архивом на 1300ГБ курсов: 1. Обучение Python с нуля 2. Обучение JavaScript с нуля 3. Обучение С++ с нуля 4. Обучение С# с нуля 5. Обучение HTML/CSS с нуля 6. Обучение Java с нуля 7. Обучение SQL/GO/PHP с нуля Вход открыт 24 часа, это наш подарок для вас ❤

Turbulent Buttons Кнопки - это svg картинки, которые анимируются в JS. 👉 @seniorFront

text-decoration-skip-ink Свойство text-decoration-skip-ink управляет внешним видом верхнего и нижнего подчёркиваний. Если текст нужно перечеркнуть, то свойство text-decoration-skip-ink будет проигнорировано. Возможные значения: none — линия рисуется под текстом сквозь глифы; auto — линия может рисоваться так, что не касается глифов (значение по умолчанию); all — линия будет рисоваться, не касаясь глифов. 👉 @seniorFront

🔥 Хардкорный тест для бэкенд-разработчиков и системных программистов 🔥 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «Алгоритмы и структуры данных» 💻 Занятия курса проходят в формате интерактивов. Изучим самые важные алгоритмы: битовая арифметика, рекурсия, деревья поиска, динамическое программирование, теория графов и другие. Каждый алгоритм вы изучите на примерах, исследуете разные способы его реализации, а некоторые напишете с нуля вместе с преподавателем на уроке. ️️🦾 Курс подойдет для любого языка программирования. 👉 ПРОЙТИ ТЕСТ https://otus.pw/71cys/ 💣 Пройдете тест, получите демо-ролик о занятиях на курсе и Welcome-скидку. 🔴 Также вам откроется доступ к 2 открытым урокам курса: ✅ Создание ассоциативного массива ✅ Создание ассоциативного массива на базе хэш-таблицы и префиксного дерева Реклама. Информация о рекламодателе на сайте www.otus.ru

4000 Счетчик, созданный с использованием препроцессоров Haml и SCSS. 👉 @seniorFront

Custom Dropdown Menu В этом видео автор с нуля создает и анимирует меню с выпадающим списком на HTML и CSS. 👉 @seniorFront

Animated Star Rating Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS стили. 👉 @seniorFront