Speed lines

Можно задействовать как загрузку или переход между страницами сайта.

#js #css #html #coden

https://codepen.io/gvissing/pen/vYRoERY

@hashdev

Decryption Effect with Pseudo Elements

Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript.

#анимация #css #js

https://codepen.io/georgehastings/pen/YNMEbe

​Как создать сайт с эффектом Parallax-прокрутки

В видеоуроке поэтапно объяснятся, как:
— подготовить изображения для Parallax эффекта в CSS,
— сделать вёрстку заголовков сайта, шапки сайта и эффект «свечения»,
— создать параллакс эффект у контента и настроить плавную прокрутку страницы JS,
— реализовать анимацию Cubic Bezier для Parallax эффекта в CSS.

Подробнее: https://youtu.be/F5ZKI-g-_qo

#html #js #веб

​Асинхронный JavaScript: изучаем Async/Await, Callbacks и Promises

Сегодня мы попытаемся построить и запустить магазин мороженого, при этом одновременно изучить асинхронный JavaScript. В итоге вы узнаете, как использовать коллбэки, промисы и async/await.

Переходите по ссылке, где вас ждёт множество примеров кода и понятные объяснения его работы:

https://tproger.ru/articles/tutorial-po-javascript-async-x2f-await-izuchaem-callbacks-promises-i-async-x2f-await/

#js

​​Алгоритмы и структуры данных для начинающих

Уверенное применение структур данных и алгоритмов имеет важное значение при создании программ. Изучить основы поможет серия коротких видеоуроков с примерами на JavaScript. Например, что такое BinarySearchTree, LinkedList, Stack, Queue, их применение, а также другие структуры и алгоритмы:

https://youtube.com/playlist?list=PLIFGfLqvZ-yGHI2Fg0NCgi7FY0h1yh-af

#js #алгоритмы

🔥 Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

#js

https://codepen.io/MillerTime/details/BexBbE

@hashdev

iPhone 15 w/ Dynamic Island

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

#js

https://codepen.io/lukemeyrick/pen/poVyEdZ