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
👍4👎2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
SpinKit — минималистичные загрузочные CSS-спиннеры
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
Они анимированы исключительно при помощи CSS
Пример того, как они выглядят, можно увидеть выше
Стоимость: #бесплатно
#css #анимации #web
@about_javascript
👍7❤1🔥1
Что будет выведено в консоль?
Anonymous Quiz
15%
Янв, Фев, Мар, Апр
28%
Янв,Фев,Мар,Апр
16%
['Янв', 'Фев', 'Мар', 'Апр']
41%
ЯнвФевМарАпр
👍6😁1
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 вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!
Перейти
👍6❤1🔥1😁1
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
👍11❤3🥰1
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
👍9🔥5❤2
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
👍6❤1🔥1
Новый выпуск проекта "По домам: фронтед" с участием Дениса Иогансена — руководителя разработки юнита Explore. Он расскажет про пользу Reddit для разработчика, идеальный стэк для фронта и бэка и про полёты на гоночных самодельных дронах (это хобби нового спикера!).
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
Смотреть по ссылке: clc.to/jEsdTQ
Реклама. ООО «КЕХ еКоммерц». JapBIEiPu
YouTube
По домам: фронтенд – Денис Иогансен
«По домам: фронтенд» — это шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито.
Каждую неделю мы…
Каждую неделю мы…
👍3
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
👍5❤1🔥1
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
👍5❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Mockoon — простейший способ разработки и запуска макетов REST API
Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код
Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных
Стоимость: #бесплатно
#API #open_source
Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код
Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных
Стоимость: #бесплатно
#API #open_source
👍4❤1👎1🔥1
Подозреваем, что тебе надоело читать постоянную рекламу. Поэтому предлагаем просто подписаться на наших хороших друзей!
Тебе не нужно больше тратить время на поиски материала — достаточно отслеживать то, что интересно именно тебе! А материала там очень много: как теоретического, так и практического.
Тебе не нужно больше тратить время на поиски материала — достаточно отслеживать то, что интересно именно тебе! А материала там очень много: как теоретического, так и практического.
👍3
@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Fluid Text Hover – жидкий эффект для текста. Текстура фонового изображения тянется за мышкой, благодаря чему текст переливается.
👍6❤2🔥1
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
❤4👍1🔥1
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
👍4
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
👍3
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
👍5❤1🔥1