Полезная вЁрстка

У школы разработки DevHouse есть годная группа с задачами: - HTML, CSS, JS, - тестами и макетами. Приходи, прокачивай знания во Frontend-разработке. Еще ребята публикуют: - свои исследования, - дают практические советы по устройству на работу, - о том как учиться и не выгореть. Не пропусти!

Deep Fractal Zoom II - Три разновидности фрактала. При перемещении курсора мы либо погружаемся, либо всплываем. #css #javackript

Generative Haunts - Случайным образом генерируемый дом с привидениями #css #html

Разработчик из Яндекс, создал канал, где делится фишками по фронтенд разработке. На сегодняшний день, фронтенд – это одна из самых перспективных ниш в IT. Даже полный лентяй сможет освоить её за 2-3 месяца и начать зарабатывать от 70 000 р. В данном канале есть все для этого: - Примеры анимаций - Тесты на проверку знаний - Статьи по html, css, js Канал читают как новички, так и опытные программисты. Подписывайся скорее - @big_proger

Hypnotizing Cyclone - Гипнотический вихрь на шейдераx #css #html #javascript

Virtual dots - Хаотично перемещающиеся точки по канвасу #css #html

Particle Visual - Летящие частицы анимированные с помощью tweenmax. По клику часть частиц под курсором исчезают. #css #html

Particle Text - Текст формируемый из частиц, на которые мы можем воздействовать за счет наведения курсора. #css #html

Wordle Tag Cloud - Генератор облака тегов в форме круга. #css #html

Parallax Effect + Text Blend Mode - Параллакс эффект при перемещениях курсора и эффект mix-blend-mode применяемый для текста #css #html

Канал для профессионального развития в веб-дизайне Здесь выкладывают макеты сайтов, приложений и квизов разных стилей и под разные ниши бизнеса Тренируй насмотренность и навыки — важнейшие конкурентные преимущества дизайнера Генерируй уникальные идеи и воплощай их в жизнь раньше, чем конкуренты сядут за рабочий стол

Alien Rating Control - Звездный рейтинг с svg анимацией настроений вымышленного инопланетянина. Звезды представляют из себя radio элементы формы, а анимация выполнена с использованием js GreenSock #HTML #javaskript #CSS

Rolling Text Hover Animation - при наведении курсора на текст происходит волнообразное скольжение вверх / вниз с изменением цвета текста #css

Хватит тратить время на поиски макетов Я нашел их за тебя! Заходи в макетную и выбирай

1337 Matrix - Заставка с зеленым кодом из фильма «Матрица». Сделано на канвасе с js #javascript

7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях. Стартуем 15 ноября.

Star rating! - звёздный рейтинг. Написан без использования JavaScript. #css

ScrollTrigger: SVG Text Mask — текстовая SVG-маска, которая меняется при прокрутке страницы. Подобный эффект реализован с помощью ScrollTrigger, GSAP, ScrollToPlugin3 и ZeptoJS #GSAP #ScrollTrigger

Speed lines — данную анимацию можно задействовать как переход между страницами сайта. #css