This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка параллакс анимаций с кодпена
Кодпен — настоящий пинтерест для разработчиков. В этой подборке мы собрали интересные параллакс анимации, которые сделают ваш сайт интерактивным шедевром для пользователя.
Параллакс с иллюстрациями. Автор: @isladjan
https://tml.io/co9vh
Параллакс с фотографиями. Автор: @eehayman
https://tml.io/41u1l
Панорама природы. Автор: @pengilley
https://tml.io/wmro3
Волны для фона. Автор: @goodkatz
https://tml.io/3d72m
Бесконечное звёздное небо. Автор: @sarazond
https://tml.io/5bnow
Параллакс с котиками. Автор: @scottkellum
https://tml.io/a944q
Кодпен — настоящий пинтерест для разработчиков. В этой подборке мы собрали интересные параллакс анимации, которые сделают ваш сайт интерактивным шедевром для пользователя.
Параллакс с иллюстрациями. Автор: @isladjan
https://tml.io/co9vh
Параллакс с фотографиями. Автор: @eehayman
https://tml.io/41u1l
Панорама природы. Автор: @pengilley
https://tml.io/wmro3
Волны для фона. Автор: @goodkatz
https://tml.io/3d72m
Бесконечное звёздное небо. Автор: @sarazond
https://tml.io/5bnow
Параллакс с котиками. Автор: @scottkellum
https://tml.io/a944q
🔥3👍2
Дизайн для верстальщиков. Частые ошибки дизайнеров и способы их исправить
Дизайн-макет без единой ошибки — это что-то из параллельной вселенной, где существуют идеальные процессы и идеальные инструменты, которые позволяют создавать его без единого недочета и упущения.
Но, мы живём в реальном мире. Дизайнер может что-то забыть, не перепроверить проект по чек-листу, не подумать о редких сценариях, ошибиться или просто чего-то не знать.
Какие ошибки встречаются чаще всего и как их решить верстальщику самостоятельно
Дизайн-макет без единой ошибки — это что-то из параллельной вселенной, где существуют идеальные процессы и идеальные инструменты, которые позволяют создавать его без единого недочета и упущения.
Но, мы живём в реальном мире. Дизайнер может что-то забыть, не перепроверить проект по чек-листу, не подумать о редких сценариях, ошибиться или просто чего-то не знать.
Какие ошибки встречаются чаще всего и как их решить верстальщику самостоятельно
Как сделать параллакс
Если вы хотите, чтобы сайт вызывал «вау-эффект», а ссылками на него делились, используйте параллакс. С ним сайты выглядят объёмно, а элементы могут плавно перемещаться при прокрутке страницы или движении курсора.
В этой статье мы покажем, как сделать параллакс на чистом CSS и JavaScript, поговорим про некоторые JS-библиотеки и посмотрим, как оптимизировать анимацию
Если вы хотите, чтобы сайт вызывал «вау-эффект», а ссылками на него делились, используйте параллакс. С ним сайты выглядят объёмно, а элементы могут плавно перемещаться при прокрутке страницы или движении курсора.
В этой статье мы покажем, как сделать параллакс на чистом CSS и JavaScript, поговорим про некоторые JS-библиотеки и посмотрим, как оптимизировать анимацию
Запустили специальный сезон подкаста Frontend Weekend про развитие фронтенд-разработчиков совместно с HTML Academy!
Мы попросили Андрея Смирнова, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру.
Каждую неделю Андрей будет общаться с одним фронтендером, а мы — рассказывать чуть больше про свои продукты, чтобы помочь вам развиваться быстрее и правильнее.
В новом выпуске приглашённой гостьей оказалась Глафира Жур, Accessibility Driven Team Lead в компании SpurIT.
Она рассказала все свои секретики и поведала историю о том, как стать амбассадором доступности, переехать в Европу и не сойти с ума.
Слушать подкаст
Мы попросили Андрея Смирнова, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру.
Каждую неделю Андрей будет общаться с одним фронтендером, а мы — рассказывать чуть больше про свои продукты, чтобы помочь вам развиваться быстрее и правильнее.
В новом выпуске приглашённой гостьей оказалась Глафира Жур, Accessibility Driven Team Lead в компании SpurIT.
Она рассказала все свои секретики и поведала историю о том, как стать амбассадором доступности, переехать в Европу и не сойти с ума.
Слушать подкаст
levelup.htmlacademy.ru
Специальный сезон подкаста frontend_weekend
В этом специальном сезоне мы попросили Андрея, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру. Каждую неделю Андрей будет общаться с одним фронтендером, а мы рассказывать чуть больше…
👍1
Сэкономьте время на организацию кода
Мы запустили новый курс «Паттерны проектирования». Он поможет разработчикам повысить качество и скорость написания кода. А также научиться применять в работе архитектурные решения, которые помогут сократить время на разработку и снизить вероятность появления ошибок в программе.
Чем будет полезен курс:
— Познакомитесь с основными парадигмами программирования. Изучите идеи и правила, которые определяют подход к написанию кода.
— Разберёте разные виды паттернов: порождающие, структурные, поведенческие и MV*. Узнаете, какие задачи решает каждый паттерн.
— Закрепите знания на практических заданиях и проектах.
— Получите полезные дополнительные материалы.
Начать изучать паттерны — https://clck.ru/zMDEL
Мы запустили новый курс «Паттерны проектирования». Он поможет разработчикам повысить качество и скорость написания кода. А также научиться применять в работе архитектурные решения, которые помогут сократить время на разработку и снизить вероятность появления ошибок в программе.
Чем будет полезен курс:
— Познакомитесь с основными парадигмами программирования. Изучите идеи и правила, которые определяют подход к написанию кода.
— Разберёте разные виды паттернов: порождающие, структурные, поведенческие и MV*. Узнаете, какие задачи решает каждый паттерн.
— Закрепите знания на практических заданиях и проектах.
— Получите полезные дополнительные материалы.
Начать изучать паттерны — https://clck.ru/zMDEL
Мы запустили новый продукт — комплексную оценку навыков фронтенд-разработчика.
Оценка проходит в несколько этапов
1. Автоматизированный скоринг хард-скиллов.
2. Техническое собеседование с экспертом.
3. Собеседование в формате психологического интервью для проверки софт-скиллов.
После оценки и развития навыков вы сможете получать больше денег, расти внутри компании, работать в известных продуктовых компаниях, решать более интересные задачи.
На выбор есть три тарифа: только автоматизированный скоринг, оценка хард-скиллов, полная оценка.
Записывайтесь на оценку
Оценка проходит в несколько этапов
1. Автоматизированный скоринг хард-скиллов.
2. Техническое собеседование с экспертом.
3. Собеседование в формате психологического интервью для проверки софт-скиллов.
После оценки и развития навыков вы сможете получать больше денег, расти внутри компании, работать в известных продуктовых компаниях, решать более интересные задачи.
На выбор есть три тарифа: только автоматизированный скоринг, оценка хард-скиллов, полная оценка.
Записывайтесь на оценку
Зачем фронтендерам React, если есть JavaScript?
Сайты на чистом JavaScript давно стали редкостью: обычно при разработке используют библиотеки и фреймворки. Одна из самых популярных библиотек — React.
Что это за библиотека такая? Почему все на ней программируют? А как же Angular или Vue?
Ответы на все вопросы найдёте в статье — https://clck.ru/zp5tB
А на курсе «Вёрстка React-компонентов» научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
Начать учиться, чтобы больше не писать сайты только на JavaScript
Сайты на чистом JavaScript давно стали редкостью: обычно при разработке используют библиотеки и фреймворки. Одна из самых популярных библиотек — React.
Что это за библиотека такая? Почему все на ней программируют? А как же Angular или Vue?
Ответы на все вопросы найдёте в статье — https://clck.ru/zp5tB
А на курсе «Вёрстка React-компонентов» научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
Начать учиться, чтобы больше не писать сайты только на JavaScript
👍1
Вин Дизель дал стажёру Кекса задачу (https://t.iss.one/htmlacademy/6055) — он решил её неправильно. Серёжа Джуновский допустил ошибку, потому что не знал, как использовать регулярные выражения. Кот Кекс разобрал его ответ и написал отчёт.
Ставьте 🔥, если вам понравился такой формат и нам стоит публиковать задачи чаще.
А работать с регулярными выражениями учим на курсе «Регулярные выражения для фронтендеров» — https://clck.ru/322DzH
Ставьте 🔥, если вам понравился такой формат и нам стоит публиковать задачи чаще.
А работать с регулярными выражениями учим на курсе «Регулярные выражения для фронтендеров» — https://clck.ru/322DzH
🔥3