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 можно узнать тут:
https://snapsvg.io/
#javascript #svg #библиотека
@javascriptv
Библиотека
Snap.svg упрощает работу с SVG, позволяя применять новейшие функции SVG, такие как шаблоны, полные градиенты, группы и многое другое. При этом инструмент позволяет не только создавать собственные SVG-изображения, но и редактировать и анимировать файлы, созданные в других инструментах, например, в Adobe Illustrator, Inkscape или Sketch.Подробнее о Snap.svg можно узнать тут:
https://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
JSHint — сервис для обнаружения ошибок и потенциальных проблем в JS-коде
Создатели проекта называют своей главной целью помощь JavaScript-разработчикам в написании сложных программ, без необходимости беспокоиться об опечатках и языковых ошибках
Настроить JSHint можно в любой среде, которую вы планируете использовать для выполнения вашего кода
Стоимость: #бесплатно
#js #помощь
@javascriptv
Создатели проекта называют своей главной целью помощь JavaScript-разработчикам в написании сложных программ, без необходимости беспокоиться об опечатках и языковых ошибках
Настроить JSHint можно в любой среде, которую вы планируете использовать для выполнения вашего кода
Стоимость: #бесплатно
#js #помощь
@javascriptv
🔥8👍4❤1
JSON Crack — простой, но очень удобный визуализатор ваших JSON-данных
Нет необходимости заморачиваться с принудительной структурой — достаточно лишь вставить имеющийся JSON и мгновенно просмотреть его
Визуализировать данные можно в виде графовой диаграммы. Это отличный вариант для лучшего понимания структуры данных JSON
#json #визуализация
@javascriptv
Нет необходимости заморачиваться с принудительной структурой — достаточно лишь вставить имеющийся JSON и мгновенно просмотреть его
Визуализировать данные можно в виде графовой диаграммы. Это отличный вариант для лучшего понимания структуры данных JSON
#json #визуализация
@javascriptv
🔥12👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Manufactured
Приятная гифка, которую можно либо забрать себе, либо придумать что-то похожее для своего проекта.
#js #css #html #coden
https://codepen.io/saifkeralite/pen/RwMJgVd
@javascriptv
Приятная гифка, которую можно либо забрать себе, либо придумать что-то похожее для своего проекта.
#js #css #html #coden
https://codepen.io/saifkeralite/pen/RwMJgVd
@javascriptv
👍9🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
https://codepen.io/team/keyframers/pen/RmLjzQ
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Mograph Portfolio - интерактивное портфолио, выполненное с помощью CSS и JavaScript
https://codepen.io/moodyeffects/pen/MWOpeop
@javascriptv
https://codepen.io/moodyeffects/pen/MWOpeop
@javascriptv
👍9❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Six circles - bees & bombs
Анимация заднего фона. Реализована с помощью JavaScript и CSS.
#анимация #css #js
https://codepen.io/yukulele/pen/LoBYzO
@javascriptv
Анимация заднего фона. Реализована с помощью JavaScript и CSS.
#анимация #css #js
https://codepen.io/yukulele/pen/LoBYzO
@javascriptv
🔥8👍5❤1