CommonJS — это популярный шаблон модуляризации, который используется в Node.js
Читать
@about_javascript
Читать
@about_javascript
Дзен | Блогерская платформа
CommonJS
CommonJS — это популярный шаблон модуляризации, который используется в Node.js. Система CommonJS основана на функции require(), которая загружает другие модули, и свойстве exports, которое позволяет модулям экспортировать общедоступные методы. С помощью module.exports…
This media is not supported in your browser
VIEW IN TELEGRAM
No library emoji slider
Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.
#codepen #css #html #js
@about_javascript
Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.
#codepen #css #html #js
@about_javascript
👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Love
Анимированная сцена, выполненная с помощью CSS и JavaScript.
#html #css #js
https://codepen.io/al-ro/pen/BaaBage
@about_javascript
Анимированная сцена, выполненная с помощью CSS и JavaScript.
#html #css #js
https://codepen.io/al-ro/pen/BaaBage
@about_javascript
👍4👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.
#css #js
Полный код
@about_javascript
#css #js
Полный код
@about_javascript
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Tilting Maze game - игра "Лабиринт", сделанная с использованием CSS и JavaScript. Поведение шариков смоделировано с использованием законов тригонометрии.
#codepen #css #js
@about_javascript
#codepen #css #js
@about_javascript
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Metrognome
Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.
#css #js
https://codepen.io/hexagoncircle/pen/JjOaabp
@about_javascript
Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.
#css #js
https://codepen.io/hexagoncircle/pen/JjOaabp
@about_javascript
👍6❤2👎1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Planet Picker
Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.
#css #js
https://codepen.io/team/keyframers/pen/YoaeGg
@about_javascript
Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.
#css #js
https://codepen.io/team/keyframers/pen/YoaeGg
@about_javascript
🔥6👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Icons Animations
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
https://codepen.io/ahmadbassamemran/pen/VQwPGr
Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.
#js
https://codepen.io/ahmadbassamemran/pen/VQwPGr
👍11🔥2❤1
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
Wi-Fi Fail Animation
Анимация ошибки при подключении к Wi-Fi, реализованная на CSS и SVG, c применением JavaScript
#codepen #css #svg #js #ui_элементы
https://codepen.io/jkantner/pen/OJEMxZR
@about_javascript
Анимация ошибки при подключении к Wi-Fi, реализованная на CSS и SVG, c применением JavaScript
#codepen #css #svg #js #ui_элементы
https://codepen.io/jkantner/pen/OJEMxZR
@about_javascript
👍3❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Apple Mice
Анимация разных вариантов мышек, написана с помощью javascript и css.
#анимация #css #js
https://codepen.io/joshbader/pen/njKxzB
Анимация разных вариантов мышек, написана с помощью javascript и css.
#анимация #css #js
https://codepen.io/joshbader/pen/njKxzB
👍4❤3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Glass Morphism
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@about_javascript
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@about_javascript
👍7🔥3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Decryption Effect with Pseudo Elements
Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript.
#анимация #css #js
https://codepen.io/georgehastings/pen/YNMEbe
Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript.
#анимация #css #js
https://codepen.io/georgehastings/pen/YNMEbe
👍6❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Little Gallery
Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно.
#js #css #html #coden
https://codepen.io/yoann-b/pen/abEjWgq
Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно.
#js #css #html #coden
https://codepen.io/yoann-b/pen/abEjWgq
👍3❤2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Checkbox Animations With Indeterminate State
Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript.
#css #js
https://codepen.io/jkantner/pen/BaJmyjo
Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript.
#css #js
https://codepen.io/jkantner/pen/BaJmyjo
👍9❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🌀 VelocityJS demo
Подвижная анимация для загрузки. Реализована с помощью JavaScript и CSS.
#анимация #css #js
https://codepen.io/sol0mka/pen/eYgydO
@about_javascript
Подвижная анимация для загрузки. Реализована с помощью JavaScript и CSS.
#анимация #css #js
https://codepen.io/sol0mka/pen/eYgydO
@about_javascript
🔥3👍2❤1
Pixi.js — красивые 2D анимации
Изначально Pixi.js использовался для создания игр в браузере, но довольно быстро набрал популярность среди разработчиков. Pixi позволяет создавать красивые анимации для рекламы, баннеров на сайтах, поэтому может быть добавлен в любой проект:
https://pixijs.com/
#js
Изначально Pixi.js использовался для создания игр в браузере, но довольно быстро набрал популярность среди разработчиков. Pixi позволяет создавать красивые анимации для рекламы, баннеров на сайтах, поэтому может быть добавлен в любой проект:
https://pixijs.com/
#js
❤5
Полезная библиотека для понимания работы JS
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
#js
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
#js
👍8❤2
Заказчик: Нужно на нашем сайте сделать кнопки зеркальными, чтобы пользователь заходил и видел своё отражение.
Я: Ни слова больше
CodePen-проект: https://codepen.io/tyeb_11/pen/dygoJow
#js
@about_javascript
Я: Ни слова больше
CodePen-проект: https://codepen.io/tyeb_11/pen/dygoJow
#js
@about_javascript
👍10😁6❤2