This media is not supported in your browser
VIEW IN TELEGRAM
Переключатель в виде сковороды с яичницей
Вот такой переключатель вы можете сделать самостоятельно благодаря коду, который лежит по ссылке. Всё выполнено на html, css и ванильном JS.
От себя могу сказать, что сделать сковороду красной, а не зелёной выглядит куда логичнее. Сможете доработать?😉
@frontend_school #codepen #css #javascript
Вот такой переключатель вы можете сделать самостоятельно благодаря коду, который лежит по ссылке. Всё выполнено на html, css и ванильном JS.
От себя могу сказать, что сделать сковороду красной, а не зелёной выглядит куда логичнее. Сможете доработать?
@frontend_school #codepen #css #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем гамбургеры с помощью React и Matter.js
Зацените codepen-проект одного энтузиаста, который сделал конструктор бургеров с помощью React. Обратите внимание на физику объектов, она работает благодаря библиотеке Matter.js.
Потыкаться самостоятельно и изучить код проекта можно здесь.
@frontend_school #codepen #react #matterjs
Зацените codepen-проект одного энтузиаста, который сделал конструктор бургеров с помощью React. Обратите внимание на физику объектов, она работает благодаря библиотеке Matter.js.
Потыкаться самостоятельно и изучить код проекта можно здесь.
@frontend_school #codepen #react #matterjs
This media is not supported in your browser
VIEW IN TELEGRAM
Лоадер в виде анимированной сковороды
Интересный способ отобразить загрузку контента — добавить привлекательный лоадер. Этот вариант сделан с использованием препроцессора SCSS.
Посмотреть код можно по ссылке: https://codepen.io/jkantner/pen/OJGBYJG
@frontend_school #codepen #scss #css
Интересный способ отобразить загрузку контента — добавить привлекательный лоадер. Этот вариант сделан с использованием препроцессора SCSS.
Посмотреть код можно по ссылке: https://codepen.io/jkantner/pen/OJGBYJG
@frontend_school #codepen #scss #css
This media is not supported in your browser
VIEW IN TELEGRAM
Форма авторизации с капчей
Наверняка вам придётся делать такую форму в своей практике, поэтому чем быстрее научитесь, тем лучше. В этом проекте форма создана на стандартном стеке — HTML, CSS, JS.
Ниже вы можете посмотреть, как это работает, а также изучить код:
https://codepen.io/Frontend-Portal/pen/oNRbjXG
#codepen #html #css #javascript
Наверняка вам придётся делать такую форму в своей практике, поэтому чем быстрее научитесь, тем лучше. В этом проекте форма создана на стандартном стеке — HTML, CSS, JS.
Ниже вы можете посмотреть, как это работает, а также изучить код:
https://codepen.io/Frontend-Portal/pen/oNRbjXG
#codepen #html #css #javascript