Javascript

90% - SVG Animation

SVG-анимация загрузки. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/Adir-SL/details/zYozoNZ

@javascriptv

🖥 Большая шпаргалка по JavaScript

#cheatsheet

@javascriptv

PerfectPixel — плагин для браузеров, позволяющий верстать сайты «пиксель в пиксель»

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

Интересной особенностью инструмента является возможность работы как с локальными сайтам, так и с теми, что уже размещены в Интернете

Стоимость: #бесплатно

#web #плагин

@javascriptv

Новый выпуск «По домам: фронтенд» про Григория Здановича — фронтенд-инженера AvitoTech. Он расскажет про:
- разработку в студенческие годы,
- любовь к NodeJS,
- прокачку через тестовые задания и детскую мечту.

Смотрите тут: clc.to/EMBi-A

Реклама. ООО «КЕХ еКоммерц». JapBIAZGd

Send

Желаете разнообразить обратную связь с вашими клиентами или пользователями вашего сайта? Или просто добавить на ваш сайт красивую кнопку - "отправить"? Тогда берите этот код - жалеть вам точно не придётся. 

#js #css #html #coden

https://codepen.io/wheatup/pen/YzVJrLL

@javascriptv

🖥 FreeTube – настольный плеер YouTube с открытым исходным кодом, созданный с учетом требований конфиденциальности

Используйте YouTube без рекламы и не позволяйте Google отслеживать вас с помощью своих файлов cookie и JavaScript

Доступен для Windows, Mac и GNU/Linux благодаря Electron

#JavaScript #Web #Useful #Interesting

@javascriptv

SVG clip-path Hover Effect - интересный эффект при наведении отлично подойдёт для твоего портфолио.

https://codepen.io/noeldelgado/pen/PZJGLx

@javascriptv

​Повышение производительности с помощью Web Worker: подробное руководство


JavaScript однопоточен и это может быть проблем для приложений, требующих многозадачности. Однако, для решения этой проблемы существует Web Worker — инструмент, предоставляемый браузерами, который позволяет разработчикам запускать дополнительный скрипт в фоновом режиме.

Подробнее о нём и о том, как с ним работать:

https://blog.bitsrc.io/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e

#javascript

@javascriptv

Контейнерные CSS-запросы наконец-то здесь

С выходом Google Chrome (105) и Safari 16 появилась поддержка контейнерных запросов в CSS. Это даёт гораздо больше возможностей вёрстки. В этой статье вы узнаете, как работают контейнерные запросы, как мы можем их использовать и как выглядит синтаксис, а также увидите несколько реальных примеров и вариантов использования:

https://ishadeed.com/article/container-queries-are-finally-here/

#css #фронтенд

@javascriptv

Overlapping Sushi Cards

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

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

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

@javascriptv

Intelligent Mouse Trailer

Анимация плавного курсора. Реализована с помощью JavaScript.

#анимация #курсор #javascript

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

@javascriptv

Magnetic Hover Interaction

Взаимодействие с магнитным зависанием. Реализовано с помощью JavaScript.

#анимация #курсор #javascript

https://codepen.io/dev_loop/pen/KKdEgdz

⭐️ Highlight.js — библиотека для выделения синтаксиса

Осуществляет поиск программного кода между тегами pre и code и выделяет синтаксис.

Особенности / преимущества:
✔️Поддержка более 197 языков
✔️Совместима с любым JS фреймворком
✔️Автоматическое определение языка

🔩 Проект
🖥 Github

@javascriptv

Reduced-motion toggle

Переключатель с уменьшенным движением. Реализован с помощью JavaScript.

#анимация #javascript

https://codepen.io/michellebarker/pen/bGrNjgB

@javascriptv