JavaScript

💾 Changing Face Rating – шкала для оценки с анимированным смайликом, который меняется в зависимости от величины рейтинга.

@about_javascript

Apple Mice

Анимация разных вариантов мышек, написана с помощью javascript и css.

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

https://codepen.io/joshbader/pen/njKxzB

​Как программисту записать свой трек

Наиболее привычным инструментом для программиста является редактор кода. Поэтому и музыку создавать будем там. Для этого нам потребуется Slang — язык программирования звук на основе, созданный с применением JavaScript.

Подробнее о языке, а также инструкция по использованию здесь:

https://github.com/kylestetz/slang

#slang #javascript

Wi-Fi Fail Animation

Анимация ошибки при подключении к Wi-Fi, реализованная на CSS и SVG, c применением JavaScript

#codepen #css #svg #js #ui_элементы

https://codepen.io/jkantner/pen/OJEMxZR

@about_javascript

Эй, заголовок, подвинься! Тут босс свой email вводит.

Пример применения:
🔶 ввод электронной почты для входа в аккаунт;
🔶 ввод электронной почты для отправки документов;
🔶 ввод электронной почты для подтверждения аккаунта при регистрации.

#формы

https://codepen.io/coelho-na/pen/wveOqde

Svg.js- легкая библиотека для управления и анимации графики SVG

Упрощает создание и управление SVG с помощью JavaScript.

https://github.com/svgdotjs/svg.js

https://svgjs.dev/docs/3.0/


@about_javascript

✔️ Navbar

Эффект при наведении на кнопку, реализованный на SCSS и SVG, c применением JavaScript

https://codepen.io/aaroniker/pen/xxYgLxz

@about_javascript

Texture Transition Hover Effect — текстурный переход между изображениями при наведении, реализованный с помощью Three.js и TweenMax.js.

#hover #3D #threejs #TweenMaxjs

https://codepen.io/frost084/pen/NZdwZO

🖥 90 Day Fiancé: It's an illusion

Стильный оживленный шрифт. Реализован при помощи JavaScript.

#анимация #JavaScript

https://codepen.io/jackiezen/pen/gOryEyW

@about_javascript

💾 Fluid Text Hover – жидкий эффект для текста. Текстура фонового изображения тянется за мышкой, благодаря чему текст переливается.

🖥 Regexgen – библиотека JavaScript, которая генерирует регулярные выражения, соответствующие набору строк. Чаще всего для обработки передается массив строк.

@about_javascript

Подозреваем, что тебе надоело читать постоянную рекламу. Поэтому предлагаем просто подписаться на наших хороших друзей!

Тебе не нужно больше тратить время на поиски материала — достаточно отслеживать то, что интересно именно тебе! А материала там очень много: как теоретического, так и практического.

Mockoon — простейший способ разработки и запуска макетов REST API

Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код

Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных

Стоимость: #бесплатно

#API #open_source

Skeleton Loaders

Каркасные загрузчики, реализованные с помощью CSS и JavaScript.

#анимация #прелоадеры #css #javascript

https://codepen.io/jh3y/pen/LYdrdgX

Motion Blur Step 2

Анимация размытия в движении. Написана на чистом CSS.

#анимация #css

https://codepen.io/Nealevf/pen/oNxKZOx

@about_javascript

Новый выпуск проекта "По домам: фронтед" с участием Дениса Иогансена — руководителя разработки юнита Explore. Он расскажет про пользу Reddit для разработчика, идеальный стэк для фронта и бэка и про полёты на гоночных самодельных дронах (это хобби нового спикера!).

Смотреть по ссылке: clc.to/jEsdTQ

Реклама. ООО «КЕХ еКоммерц». JapBIEiPu

Directionally Aware Controls

Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.

#css

https://codepen.io/jh3y/pen/gOmqWdp

@about_javascript

Размытая анимация отлично подойдёт для фона на вашем сайте.

#фон

https://codepen.io/Kobune/pen/qBPZVmL

@about_javascript

You Must Build a Lighthouse.

Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома - radio кнопка, при активации которой задействуются CSS стили.

https://codepen.io/ivorjetski/pen/OJXbvdL

@about_javascript

React теперь в телеграм!

- 40,14% разработчиков сайтов использовали React в 2021 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 196 850 звёзд у React на GitHub;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React

С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!

Перейти