This media is not supported in your browser
VIEW IN TELEGRAM
Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript.
https://codepen.io/Craaftx/pen/vYGVjYM
https://codepen.io/Craaftx/pen/vYGVjYM
This media is not supported in your browser
VIEW IN TELEGRAM
Menu hover glow
Эффект при наведении на текст, реализованный на чистом CSS, без использования JavaScript
https://codepen.io/Madbones3/pen/LYOJQpo
Эффект при наведении на текст, реализованный на чистом CSS, без использования JavaScript
https://codepen.io/Madbones3/pen/LYOJQpo
This media is not supported in your browser
VIEW IN TELEGRAM
Tilt Hover Effect + Flying Chef
В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.
https://codepen.io/Hyperplexed/pen/MWrpKYM
В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.
https://codepen.io/Hyperplexed/pen/MWrpKYM
This media is not supported in your browser
VIEW IN TELEGRAM
Любишь решать задачи по JS?
А представь, что все это в формате MMORPG бота, где ты можешь прокачивать своего пресонажа, батлиться с друзьями, проходить собесы в разные IT компании и главное - прокачивать себя как разработчика!
В Dev’s Battle ты найдешь:
👉 350+ задачек по JS
👉 300+ активных игроков
👉 7 компаний для собеседований. От Рабов Галерных до Facebook
👉 Прокачку и развитие внутриигрового персонажа
👉 Фан и общение с другими разработчиками
Все это бесплатно, с небольшим кринжом и крутым комьюнити!
😎 Залетай в Dev’s Battle, если, конечно, сможешь…
А представь, что все это в формате MMORPG бота, где ты можешь прокачивать своего пресонажа, батлиться с друзьями, проходить собесы в разные IT компании и главное - прокачивать себя как разработчика!
В Dev’s Battle ты найдешь:
👉 350+ задачек по JS
👉 300+ активных игроков
👉 7 компаний для собеседований. От Рабов Галерных до Facebook
👉 Прокачку и развитие внутриигрового персонажа
👉 Фан и общение с другими разработчиками
Все это бесплатно, с небольшим кринжом и крутым комьюнити!
😎 Залетай в Dev’s Battle, если, конечно, сможешь…
This media is not supported in your browser
VIEW IN TELEGRAM
Tilt Hover Effect + Flying Chef
В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.
https://codepen.io/Hyperplexed/pen/MWrpKYM
В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.
https://codepen.io/Hyperplexed/pen/MWrpKYM
This media is not supported in your browser
VIEW IN TELEGRAM
Shiny Debit Card
Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.
https://codepen.io/jkantner/pen/GROreja
Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.
https://codepen.io/jkantner/pen/GROreja
Polished.js — набор инструментов для написания стилей в JavaScript ✨
Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.
Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript
https://github.com/styled-components/polished
https://polished.js.org/
Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.
Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript
https://github.com/styled-components/polished
https://polished.js.org/
GitHub
GitHub - styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
A lightweight toolset for writing styles in JavaScript ✨ - styled-components/polished
Greg_Sidelnikov__CSS__Cascading_Style_Sheets.pdf
5.4 MB
CSS (Cascading Style Sheets) Visual Dictionary - 2018
#css
#css
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.
https://codepen.io/milanraring/pen/gOwGpdm
https://codepen.io/milanraring/pen/gOwGpdm
⚡️JavaScript уроки // 43 видео
Содержание:
▪️JavaScript обзор товара 360 градусов
▪️Каррирование в JavaScript. Создаем элементы с помощью carrying
▪️Делаем мультиязычный сайт c JavaScript
▪️JavaScript: читаем UTM метки, разбираем, декодируем. Разбираем ссылки интернет магазинов
▪️Мутабельные и иммутабельные методы объектов JavaScript
▪️Используем Template в JavaScript для клонирования элементов
▪️Swipe это просто
▪️Пингуем ресурсы с ping - JavaScript не нужен
▪️Callback это просто. Разбираемся в callback JavaScript
▪️Имитируем события в JavaScript. DispatchEvent
➖ Смотреть бесплатно
@about_javascript
Содержание:
▪️JavaScript обзор товара 360 градусов
▪️Каррирование в JavaScript. Создаем элементы с помощью carrying
▪️Делаем мультиязычный сайт c JavaScript
▪️JavaScript: читаем UTM метки, разбираем, декодируем. Разбираем ссылки интернет магазинов
▪️Мутабельные и иммутабельные методы объектов JavaScript
▪️Используем Template в JavaScript для клонирования элементов
▪️Swipe это просто
▪️Пингуем ресурсы с ping - JavaScript не нужен
▪️Callback это просто. Разбираемся в callback JavaScript
▪️Имитируем события в JavaScript. DispatchEvent
➖ Смотреть бесплатно
@about_javascript
unavatar – сервис генерации унифицированных аватарок для юзеров
⤷ Ссылка на проект
@about_javascript | #Interesting #JavaScript
⤷ Ссылка на проект
@about_javascript | #Interesting #JavaScript
VScode-Drawio – расширение для VS Code интегрирующее сервис для построения диаграмм draw.io
Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем
⤷ Ссылка на проект
@about_javascript | #TypeScript #Code #Interesting
Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем
⤷ Ссылка на проект
@about_javascript | #TypeScript #Code #Interesting
Webtorrent – Потоковый торрент-клиент для браузера!
В браузере WebTorrent использует WebRTC (каналы данных) для peer-to-peer передач. Его можно использовать без браузерных плагинов или расширений. Это просто JavaScriptTM
⤷ Ссылка на проект
@about_javascript | #JavaScript #Torrent
В браузере WebTorrent использует WebRTC (каналы данных) для peer-to-peer передач. Его можно использовать без браузерных плагинов или расширений. Это просто JavaScriptTM
⤷ Ссылка на проект
@about_javascript | #JavaScript #Torrent
This media is not supported in your browser
VIEW IN TELEGRAM
Radio-кнопки с анимацией перепрыгивания, реализованные с помощью CSS.
https://codepen.io/jkantner/pen/rNaPadg
@about_javascript
https://codepen.io/jkantner/pen/rNaPadg
@about_javascript