TG Telegram Group Link
Channel: JavaScript
Back to Bottom
This media is not supported in your browser
VIEW IN TELEGRAM
Menu hover glow

Эффект при наведении на текст, реализованный на чистом 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
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, если, конечно, сможешь…
This media is not supported in your browser
VIEW IN TELEGRAM
Tilt Hover Effect + Flying Chef

В 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
Polished.js — набор инструментов для написания стилей в JavaScript

Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.

Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript

https://github.com/styled-components/polished

https://polished.js.org/
Greg_Sidelnikov__CSS__Cascading_Style_Sheets.pdf
5.4 MB
CSS (Cascading Style Sheets) Visual Dictionary - 2018
#css
Fullstack React The Complete Guide to ReactJS and Friends

📖 Книга

@about_javascript
JavaScript. Что будет выведено в консоль?

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

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
unavatarсервис генерации унифицированных аватарок для юзеров

Ссылка на проект

@about_javascript | #Interesting #JavaScript
VScode-Drawioрасширение для VS Code интегрирующее сервис для построения диаграмм draw.io

Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем

Ссылка на проект

@about_javascript | #TypeScript #Code #Interesting
Что будет выведено в консоль?
Anonymous Quiz
15%
3
10%
4
14%
5
33%
undefined
29%
TypeError
WebtorrentПотоковый торрент-клиент для браузера!

В браузере 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
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка поиска с анимацией вывода поля для ввода.

https://codepen.io/MilanMilosev/pen/JdgRpB

@about_javascript
HTML Embed Code:
2025/07/06 02:45:28
Back to Top