This media is not supported in your browser
VIEW IN TELEGRAM
Circle Swap Photo Gallery — фотогалерея с красивой анимацией замены фотографий, реализованная с помощью React и GSAP.
#галерея #анимация #gsap #react
https://codepen.io/ste-vg/pen/WNvYWKr
@javascriptv
#галерея #анимация #gsap #react
https://codepen.io/ste-vg/pen/WNvYWKr
@javascriptv
🔥8👍5❤2
This media is not supported in your browser
VIEW IN TELEGRAM
A LONG WAY — анимация полёта через геометрические фигуры, расположенные по заданной траектории. Анимация реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/al-ro/pen/xxxxgxK
@javascriptv
#анимация #javascript
https://codepen.io/al-ro/pen/xxxxgxK
@javascriptv
👍16🔥5❤3
Wtfjs – Список смешных и хитрых примеров использования JavaScript
Все мы знаем, что JavaScript - довольно забавный язык со сложными частями. Некоторые из них могут быстро превратить нашу повседневную работу в ад, а некоторые из них могут заставить нас смеяться вслух
✔ ️Ссылка на проект
@javascriptv
Все мы знаем, что JavaScript - довольно забавный язык со сложными частями. Некоторые из них могут быстро превратить нашу повседневную работу в ад, а некоторые из них могут заставить нас смеяться вслух
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥2❤1👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Menja — духовный наследник Fruit Ninja на JavaScript
Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.
Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:
https://codepen.io/MillerTime/details/BexBbE
#gamedev #codepen #javascript
@javascriptv
Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.
Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:
https://codepen.io/MillerTime/details/BexBbE
#gamedev #codepen #javascript
@javascriptv
❤7🔥3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
3D carousel — 3D-слайдер, реализованный с помощью CSS и JavaScript. При прокрутке колеса мыши меняется радиус слайдера.
#слайдер #3d #carousel #css #javascript
https://codepen.io/hoanghien0410/pen/MMPaqm
@javascriptv
#слайдер #3d #carousel #css #javascript
https://codepen.io/hoanghien0410/pen/MMPaqm
@javascriptv
❤12👍6🔥2
Uglify.js – библиотека JavaScript для сжатия файлов
Библиотека помоггает сжимать и объединять JavaScript-файлы. Благодаря Uglify.js размер HTTP-ответов с сервера уменьшается, поэтому сайт начинает работать быстрее. Библиотека содержит различные инструменты, которые позволяют автоматизировать работу с кодом JavaScript.
К числу этих инструментов относятся:
- парсер, создающий абстрактное синтаксическое дерево
- генератор кода, который выводит код JavaScript из AST и предоставляет возможность получить исходную карту;
- механизм, сокращающий имена локальных переменных до (обычно) одинарных букв.
@javascriptv
Библиотека помоггает сжимать и объединять JavaScript-файлы. Благодаря Uglify.js размер HTTP-ответов с сервера уменьшается, поэтому сайт начинает работать быстрее. Библиотека содержит различные инструменты, которые позволяют автоматизировать работу с кодом JavaScript.
К числу этих инструментов относятся:
- парсер, создающий абстрактное синтаксическое дерево
- генератор кода, который выводит код JavaScript из AST и предоставляет возможность получить исходную карту;
- механизм, сокращающий имена локальных переменных до (обычно) одинарных букв.
npm install uglify-js -g@javascriptv
🔥8👍4❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная диаграмма вложенных квадратов. Реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/meszarosrob/pen/KKvVeWb
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Fake Hacking Program
Поддельная программа взлома. Реализована при помощи JavaScript и CSS.
#анимация #javascript
https://codepen.io/chasekaiser/pen/ogXmOK
@javascriptv
Поддельная программа взлома. Реализована при помощи JavaScript и CSS.
#анимация #javascript
https://codepen.io/chasekaiser/pen/ogXmOK
@javascriptv
👍10❤4🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Форма оплаты кредитной картой. Реализована с помощью css и javascript.
#анимация #css #js
https://codepen.io/quinlo/pen/YONMEa
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥3❤2
11 новых возможностей JavaScript в ES13
Как и многие языки программирования, JavaScript постоянно развивается. С каждым годом этот язык становится все мощнее благодаря новым возможностям, позволяющим разработчикам писать более выразительный и лаконичный код.
Вспомним самые последние фичи, добавленные в ECMAScript 2022 (ES13). Чтобы оценить эффективность этих нововведений, рассмотрим примеры их использования.
➡️ Читать дальше
@javascriptv
Как и многие языки программирования, JavaScript постоянно развивается. С каждым годом этот язык становится все мощнее благодаря новым возможностям, позволяющим разработчикам писать более выразительный и лаконичный код.
Вспомним самые последние фичи, добавленные в ECMAScript 2022 (ES13). Чтобы оценить эффективность этих нововведений, рассмотрим примеры их использования.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15👏2🔥1🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
mojs – очень интересный инструмент для создания моушн-графики на JavaScript с очень красивыми демками
Библиотека обладает декларативным API и хорошим списком демок и туториалов
@javascriptv
Библиотека обладает декларативным API и хорошим списком демок и туториалов
@javascriptv
🔥8👍4❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Overlapping Sushi Cards
Анимация переключения карточек. Реализована при помощи CSS.
#карточка #анимация #javascript
https://codepen.io/lonekorean/pen/QWyjaeg
@javascriptv
Анимация переключения карточек. Реализована при помощи CSS.
#карточка #анимация #javascript
https://codepen.io/lonekorean/pen/QWyjaeg
@javascriptv
👍5❤1🔥1
Когда дело доходит до написания JavaScript, разработчики совершают несколько распространенных ошибок. Здесь мы рассмотрим некоторые из самых распространенных и способы, как можно их избежать.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive animated gallery - галерея фотографий с анимацией на CSS и JS
https://codepen.io/clagom/pen/kBaxmW
@javascriptv
https://codepen.io/clagom/pen/kBaxmW
@javascriptv
👍7❤2🔥2
🐙 Aos – библиотека JavaScript для анимации прокрутки экрана. Содержит в себе различные встроенные эффекты, в которых можно настраивать длительность, задержку и тип анимации.
@javascriptv
@javascriptv
👍8❤2🔥2
Лёгкий способ создания и анимирования векторной графики
Библиотека
Подробнее о Snap.svg можно узнать тут:
http://snapsvg.io/
#javascript #svg #библиотека
@javascriptv
Библиотека
Snap.svg упрощает работу с SVG, позволяя применять новейшие функции SVG, такие как шаблоны, полные градиенты, группы и многое другое. При этом инструмент позволяет не только создавать собственные SVG-изображения, но и редактировать и анимировать файлы, созданные в других инструментах, например, в Adobe Illustrator, Inkscape или Sketch.Подробнее о Snap.svg можно узнать тут:
http://snapsvg.io/
#javascript #svg #библиотека
@javascriptv
👍5❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Glass Morphism
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@javascriptv
Приятная анимация кнопок.
#js #css #html #coden
https://codepen.io/katarzynamarta/pen/rNdbbVq
@javascriptv
❤7👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
So Much to Print
Оригинальная анимация газетного станка.
#анимация #css
https://codepen.io/jkantner/pen/vYKoeeP
@javascriptv
Оригинальная анимация газетного станка.
#анимация #css
https://codepen.io/jkantner/pen/vYKoeeP
@javascriptv
👍6❤2🔥2
VS Code - один из самых популярных, легких, с открытым исходным кодом и полностью настраиваемых редакторов кода, используемых миллионами разработчиков по всему миру.
В этой статье мы обсудим некоторые из наиболее полезных расширений VS Code, которые ускорят разработку в 3 раза, помогая вам стать разработчиком профессионального уровня.
Представляем расширения VS Code. Расширения предоставляют вам некоторые суперспособности для вашего редактора, также у вас есть возможность выбрать, какой из них вам нужен.
Немного о веб-разработке. Веб-разработка - это область компьютерных наук, которая включает в себя Интернет, API и все эти супер крутые веб-сайты и приложения, такие как Google, Instagram, Netflix и так далее. Теперь пришло время узнать об этих суперспособностях в VS Code.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6👎2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Плавно появляющаяся надпись. Реализована с помощью JavaScript.
#анимация #javascript
https://codepen.io/loficodes/pen/OJpYERE
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥3❤1