This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
Оригинальная анимация загрузки. Отлично подойдет для сайтов, где будет уместна подобная иконка.
#js #css #html #coden
https://codepen.io/kira-code/pen/BaYGwYg
This media is not supported in your browser
VIEW IN TELEGRAM
SpinKit — минималистичные загрузочные CSS-спиннеры
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Что будет выведено в консоль?
Anonymous Quiz
15%
Янв, Фев, Мар, Апр
28%
Янв,Фев,Мар,Апр
16%
['Янв', 'Фев', 'Мар', 'Апр']
41%
ЯнвФевМарАпр
React теперь в телеграм!
- 40,14% разработчиков сайтов использовали React в 2021 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 196 850 звёзд у React на GitHub;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
- 40,14% разработчиков сайтов использовали React в 2021 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 196 850 звёзд у React на GitHub;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React
С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
This media is not supported in your browser
VIEW IN TELEGRAM
You Must Build a Lighthouse.
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.
https://codepen.io/ivorjetski/pen/OJXbvdL
@about_javascript
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.
https://codepen.io/ivorjetski/pen/OJXbvdL
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Размытая анимация отлично подойдёт для фона на вашем сайте.
#фон
https://codepen.io/Kobune/pen/qBPZVmL
@about_javascript
#фон
https://codepen.io/Kobune/pen/qBPZVmL
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Directionally Aware Controls
Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.
#css
https://codepen.io/jh3y/pen/gOmqWdp
@about_javascript
Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.
#css
https://codepen.io/jh3y/pen/gOmqWdp
@about_javascript
Новый выпуск проекта "По домам: фронтед" с участием Дениса Иогансена — руководителя разработки юнита Explore. Он расскажет про пользу Reddit для разработчика, идеальный стэк для фронта и бэка и про полёты на гоночных самодельных дронах (это хобби нового спикера!).
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
YouTube
По домам: фронтенд – Денис Иогансен
«По домам: фронтенд» — это шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито.
Каждую неделю мы…
Каждую неделю мы…
This media is not supported in your browser
VIEW IN TELEGRAM
Motion Blur Step 2
Анимация размытия в движении. Написана на чистом CSS.
#анимация #css
https://codepen.io/Nealevf/pen/oNxKZOx
@about_javascript
Анимация размытия в движении. Написана на чистом CSS.
#анимация #css
https://codepen.io/Nealevf/pen/oNxKZOx
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Skeleton Loaders
Каркасные загрузчики, реализованные с помощью CSS и JavaScript.
#анимация #прелоадеры #css #javascript
https://codepen.io/jh3y/pen/LYdrdgX
Каркасные загрузчики, реализованные с помощью CSS и JavaScript.
#анимация #прелоадеры #css #javascript
https://codepen.io/jh3y/pen/LYdrdgX
This media is not supported in your browser
VIEW IN TELEGRAM
Mockoon — простейший способ разработки и запуска макетов REST API
Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код
Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных
Стоимость: #бесплатно
#API #open_source
Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код
Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных
Стоимость: #бесплатно
#API #open_source
Подозреваем, что тебе надоело читать постоянную рекламу. Поэтому предлагаем просто подписаться на наших хороших друзей!
Тебе не нужно больше тратить время на поиски материала — достаточно отслеживать то, что интересно именно тебе! А материала там очень много: как теоретического, так и практического.
Тебе не нужно больше тратить время на поиски материала — достаточно отслеживать то, что интересно именно тебе! А материала там очень много: как теоретического, так и практического.
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Fluid Text Hover – жидкий эффект для текста. Текстура фонового изображения тянется за мышкой, благодаря чему текст переливается.
This media is not supported in your browser
VIEW IN TELEGRAM
Стильный оживленный шрифт. Реализован при помощи JavaScript.
#анимация #JavaScript
https://codepen.io/jackiezen/pen/gOryEyW
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Texture Transition Hover Effect — текстурный переход между изображениями при наведении, реализованный с помощью Three.js и TweenMax.js.
#hover #3D #threejs #TweenMaxjs
https://codepen.io/frost084/pen/NZdwZO
#hover #3D #threejs #TweenMaxjs
https://codepen.io/frost084/pen/NZdwZO
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект при наведении на кнопку, реализованный на SCSS и SVG, c применением JavaScript
https://codepen.io/aaroniker/pen/xxYgLxz
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Svg.js- легкая библиотека для управления и анимации графики SVG
Упрощает создание и управление SVG с помощью JavaScript.
https://github.com/svgdotjs/svg.js
https://svgjs.dev/docs/3.0/
@about_javascript
Упрощает создание и управление SVG с помощью JavaScript.
https://github.com/svgdotjs/svg.js
https://svgjs.dev/docs/3.0/
@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Эй, заголовок, подвинься! Тут босс свой email вводит.
Пример применения:
🔶 ввод электронной почты для входа в аккаунт;
🔶 ввод электронной почты для отправки документов;
🔶 ввод электронной почты для подтверждения аккаунта при регистрации.
#формы
https://codepen.io/coelho-na/pen/wveOqde
Пример применения:
🔶 ввод электронной почты для входа в аккаунт;
🔶 ввод электронной почты для отправки документов;
🔶 ввод электронной почты для подтверждения аккаунта при регистрации.
#формы
https://codepen.io/coelho-na/pen/wveOqde