JavaScript
1.65K subscribers
419 photos
42 videos
4 files
704 links
➡️ Сотрудничество: @haarrp

https://t.me/itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@JavaScript_testit- js тесты

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
No library emoji slider

Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.

#codepen #css #html #js

@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Tilting Maze game - игра "Лабиринт", сделанная с использованием CSS и JavaScript. Поведение шариков смоделировано с использованием законов тригонометрии.

#codepen #css #js

@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Wi-Fi Fail Animation

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

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

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

@about_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Bongo Cat Codes

Вы наверняка видели этот забавный мем в виде gif’ок или видео. Автор этого проекта решил реализовать его с помощью HTML и CSS, а вернее препроцессоров Pug и SCSS. Рисунок, разумеется, сделан с помощью SVG, а анимация реализована силами CSS.

Посмотреть код можно тут:

https://codepen.io/carolineartz/pen/VwYwZaP

#codepen #pug #scss

@about_javascript
Сегментированный прогресс-бар

Ловите анимированный прогресс-бар, который разделён на отдельные сегменты, позволяя отмечать конкретные этапы взаимодействия с вашим сервисом. Код для реализации аналогичного элемента доступен здесь:

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

#codepen
Click To Zoom Calendar

Этот проект представляет собой интерфейс календаря с интересной анимацией — при выборе конкретной даты, происходит зум на эту ячейку для просмотра подробностей, а повторный клик возвращает исходный вид календаря.

Посмотреть, как это реализовано с точки зрения код можно тут:

https://codepen.io/Hyperplexed/pen/qBVPaNV

#codepen
This media is not supported in your browser
VIEW IN TELEGRAM
Мяукающее пианино

Отличный пример пет-проекта для вашего портфолио.
При нажатии на клавиши кошачьей лапкой, из инструмента будут извлекаться соответствующие звуки.

По ссылке вы сможете поиграть на пианино, а так же подробно изучить код и на его примере создать что-нибудь своё:

https://codepen.io/laurenvast/pen/jOrWXej

#codepen