Javascript

🖥 Потрясающие расширения VS Code для веб-разработки всего за 5 минут

VS Code - один из самых популярных, легких, с открытым исходным кодом и полностью настраиваемых редакторов кода, используемых миллионами разработчиков по всему миру.

В этой статье мы обсудим некоторые из наиболее полезных расширений VS Code, которые ускорят разработку в 3 раза, помогая вам стать разработчиком профессионального уровня.

Представляем расширения VS Code. Расширения предоставляют вам некоторые суперспособности для вашего редактора, также у вас есть возможность выбрать, какой из них вам нужен.

Немного о веб-разработке. Веб-разработка - это область компьютерных наук, которая включает в себя Интернет, API и все эти супер крутые веб-сайты и приложения, такие как Google, Instagram, Netflix и так далее. Теперь пришло время узнать об этих суперспособностях в VS Code.

➡️ Читать дальше

@javascriptv

So Much to Print 

Оригинальная анимация газетного станка.

#анимация #css

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

@javascriptv

Glass Morphism

Приятная анимация кнопок. 

#js #css #html #coden

https://codepen.io/katarzynamarta/pen/rNdbbVq

@javascriptv

​Лёгкий способ создания и анимирования векторной графики

Библиотека Snap.svg упрощает работу с SVG, позволяя применять новейшие функции SVG, такие как шаблоны, полные градиенты, группы и многое другое. При этом инструмент позволяет не только создавать собственные SVG-изображения, но и редактировать и анимировать файлы, созданные в других инструментах, например, в Adobe Illustrator, Inkscape или Sketch.

Подробнее о Snap.svg можно узнать тут:

http://snapsvg.io/

#javascript #svg #библиотека

@javascriptv

🐙 Aos – библиотека JavaScript для анимации прокрутки экрана. Содержит в себе различные встроенные эффекты, в которых можно настраивать длительность, задержку и тип анимации.

@javascriptv

Responsive animated gallery - галерея фотографий с анимацией на CSS и JS

https://codepen.io/clagom/pen/kBaxmW

@javascriptv

🖥 8 основных ошибок JavaScript, которые допускают разработчики

Когда дело доходит до написания JavaScript, разработчики совершают несколько распространенных ошибок. Здесь мы рассмотрим некоторые из самых распространенных и способы, как можно их избежать.

➡️ Читать дальше

@javascriptv

Overlapping Sushi Cards

Анимация переключения карточек. Реализована при помощи CSS.

#карточка #анимация #javascript

https://codepen.io/lonekorean/pen/QWyjaeg

@javascriptv

mojs – очень интересный инструмент для создания моушн-графики на JavaScript с очень красивыми демками

Библиотека обладает декларативным API и хорошим списком демок и туториалов

@javascriptv

11 новых возможностей JavaScript в ES13

Как и многие языки программирования, JavaScript постоянно развивается. С каждым годом этот язык становится все мощнее благодаря новым возможностям, позволяющим разработчикам писать более выразительный и лаконичный код.

Вспомним самые последние фичи, добавленные в ECMAScript 2022 (ES13). Чтобы оценить эффективность этих нововведений, рассмотрим примеры их использования.

➡️ Читать дальше

@javascriptv

🖥 Credit Card Payment Form

Форма оплаты кредитной картой. Реализована с помощью css и javascript.

#анимация #css #js

https://codepen.io/quinlo/pen/YONMEa

Fake Hacking Program

Поддельная программа взлома. Реализована при помощи JavaScript и CSS.

#анимация #javascript

https://codepen.io/chasekaiser/pen/ogXmOK

@javascriptv

🖥 Animated Chart of Nested Squares

Анимированная диаграмма вложенных квадратов. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/meszarosrob/pen/KKvVeWb

@javascriptv

Uglify.js – библиотека JavaScript для сжатия файлов

Библиотека помоггает сжимать и объединять JavaScript-файлы. Благодаря Uglify.js размер HTTP-ответов с сервера уменьшается, поэтому сайт начинает работать быстрее. Библиотека содержит различные инструменты, которые позволяют автоматизировать работу с кодом JavaScript.

К числу этих инструментов относятся:
- парсер, создающий абстрактное синтаксическое дерево
- генератор кода, который выводит код JavaScript из AST и предоставляет возможность получить исходную карту;
- механизм, сокращающий имена локальных переменных до (обычно) одинарных букв.

npm install uglify-js -g

@javascriptv

3D carousel — 3D-слайдер, реализованный с помощью CSS и JavaScript. При прокрутке колеса мыши меняется радиус слайдера.

#слайдер #3d #carousel #css #javascript

https://codepen.io/hoanghien0410/pen/MMPaqm

@javascriptv

Menja — духовный наследник Fruit Ninja на JavaScript

Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.

Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:

https://codepen.io/MillerTime/details/BexBbE

#gamedev #codepen #javascript

@javascriptv

​Wtfjs – Список смешных и хитрых примеров использования JavaScript

Все мы знаем, что JavaScript - довольно забавный язык со сложными частями. Некоторые из них могут быстро превратить нашу повседневную работу в ад, а некоторые из них могут заставить нас смеяться вслух

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

@javascriptv

A LONG WAY — анимация полёта через геометрические фигуры, расположенные по заданной траектории. Анимация реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/al-ro/pen/xxxxgxK

@javascriptv

Circle Swap Photo Gallery — фотогалерея с красивой анимацией замены фотографий, реализованная с помощью React и GSAP.

#галерея #анимация #gsap #react

https://codepen.io/ste-vg/pen/WNvYWKr

@javascriptv

🔥 Полезные библиотеки JavaScript

HTML5 Games - коллекция популярных на все времена игр написанных на JS, HTML и CSS.

Bounce, Defender, Pacman etc.

🔩 GitHub/Инструкция

#javascript

@javascriptv