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

Shiny Jumping Present Создано на HTML и CSS. 👉 @seniorFront

Gallery w/ mouse follower Вся сцена - это svg картинка, анимируемая с использованием библиотеки gsap. 👉 @seniorFront

🍏 Apple теперь в Telegram! Подписывайтесь: @apple

👉 @seniorFront

CSS Glowing Gradient Cards В этом видео создаются карточки с эффектом свечения и эффектом при наведении на HTML и CSS. 👉 @seniorFront

Серверный JavaScript | Node.JS ru канал с русскоязычными материалами на тему серверной части JS. Актуальные статьи, новости и вакансии из мира Node.JS. В общем добро пожаловать!

Peppermint Range Slider Это input с type="range", стилизованный в HTML и CSS. 👉 @seniorFront

A very snowy Catmas! Свёрстано на HTML и SCSS. Все анимации реализованы при помощи CSS keyframes. 👉 @seniorFront

​Как сделать мир (или хотя бы ваш проект) чуточку лучше Несколько простых шагов, которые не потребуют много времени на внедрение и не затронут существующий код, но при этом сделают проект более дружелюбным и удобным для вас и для будущих разработчиков. Имена разработчиков в ГИТ Плохо, когда вас зовут “win-pc”, “nagibator9000”, и даже “Sergey”, потому что потом ищи этого Сергея, особенно если он Егор. Настроить правильные имена нужно всем и прямо сейчас. Это займет не больше минуты. Выполните следующий код: $ git config --global user.name «Имя Фамилия» ` $ git config --global user.email [email protected] Названия коммитов. Для удобства поиска и для понимания для чего написан какой-либо кусок кода необходимо давать осмысленные комментарии к коммитам. Хорошая структура коммита, по моему мнению, выглядит так: Идентификатор задачи, действие, сущность, место, суть действия. Пример: JIRA-123 Исправил цвет кнопки “Отправить” на странице обращений с розового на красный .editorconfig Отличное и нужное средство, чтобы принудительно выставить всем разработчикам корректные окончания строк и отступы. root = true [*] # Сделайте так, как договорились с командой indent_style = tab indent_size = 4 # А это лучше не трогать - оптимальный вариант end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true 👉 @seniorFront

Оптимизация загрузки контента Какие инструменты использовать? Как определённые изменения в коде влияют на загрузку сайта? Разобраться в теме можно по бесплатным урокам ведущего frontend-разработчика на YouTube-канале karpovꓸcourses DEV. 👉 Смотреть уроки

Tree: Animated LEDs Создано из множества HTML элементов, анимируемых в JS. 👉 @seniorFront

Frontender's notes - самый большой канал по фронту с актуальной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel А так же небольшой канал с англоязычными статьями @frontend_international В общем добро пожаловать!

label label определяет текстовую метку для элемента input. По своему виду метка ничем не отличается от обычного текста, однако она позволяет пользователю выбрать элемент формы простым кликом по тексту, расположенному внутри элемента label, а не по самому элементу input. Чтобы определить к какому элементу формы относится текущая метка, необходимо использовать атрибут for тега label. Значение атрибута for должно быть эквивалентно значению атрибута id элемента формы, к которому будет относится метка. Атрибутом "for" можно не пользоваться, если элемент input будет находиться внутри элемента label. Пример <form> <label for="male">Male</label> <input type="radio" name="sex" id="male"> <br> <label for="female">Female</label> <input type="radio" name="sex" id="female"> </form> <p>или тоже самое только без использования атрибута for</p> <form> <label>Male<input type="radio" name="sex" id="male"></label> <br> <label>Female<input type="radio" name="sex" id="female"></label> </form>

Noisy grainy icons Несколько иконок, стилизованных в noisy стиле. 👉 @seniorFront

Correct the time-string Создайте функцию, которая принимает строку, представляющую собой часы:минуты:секунды. И приводит эту строку к корректному 24-часовому формату. Примеры: "09:10:01" -> "09:10:01" "11:70:10" -> "12:10:10" "19:99:99" -> "20:40:39" "24:01:01" -> "00:01:01" 👉 @seniorFront

Cloud Upload Bubbles При нажатии на кнопку запускается CSS анимация, применяемая к генерируемым элементам. 👉 @seniorFront

Next Level Animated Login Form В этом видео создается и анимируется форма логина на HTML и CSS. 👉 @seniorFront

7 дней бесплатного обучения фронтенду, которые не сделают из новичка опытного прогера и не устроят на работу… Зато покажут, как, даже не имея опыта в программировании: 1. Сверстать качественный веб-сайт на HTML + CSS; 2. Оживить страницу с помощью JavaScript; 3. Понять фронтенд-фреймворк Angular; 4. Подключить Backend и загрузить сайт на хостинг. А главное, там можно пообщаться с экспертами и получить совет по доработке своего проекта. 👉 Смотри, пробуй Стартуем 10 января.