Javascript

Locomotive scroll

Библиотека для создания прокрутки. Обеспечивает плавную прокрутку с поддержкой эффектов параллакса и переключения классов.

✅Особенности:
— Работает в современных браузерах (Chrome, Firefox, Safari, Edge и т.д)
— Создание фиксированных элементов
— Каждый элемент может быть анимирован с разной скоростью
— Изменение направления прокрутки

Сайт: https://locomotivemtl.github.io/locomotive-scroll/
GitHub: https://github.com/locomotivemtl/locomotive-scroll

#библиотеки #js

@javascriptv

✒️ Для подготовки к собеседованию: 10 задач по промисам JavaScript

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

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

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

@javascriptv

Clock

Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.

#css #js

https://codepen.io/igstudio/pen/WjdwrO

@javascriptv

Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript.

https://codepen.io/Craaftx/pen/vYGVjYM

@javascriptv

Instagram Dark Mode

Темный режим в Instagram, реализованный с помощью CSS и JavaScript.

#темныйрежим #css #javascript

https://codepen.io/aris_acoba/pen/ROWRBp

@javascriptv

JavaScript For Impatient Programmers

📖 Книга

@javascriptv

Wavy Color Cube

Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.

#https://codepen.io/hexagoncircle/pen/MWwjpYY

@javascriptv

Animated pie chart

Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.

#css #js

https://codepen.io/creativeocean/pen/KKypdeM

​​Regexlearn – Проект, который поможет понять и научиться писать регулярные выражения

Особенности:
• Пошаговое обучение
• Интерактивность
• Интуитивно простой интерфейс
• Можно использовать как «шпаргалку»


#GitHub | #JavaScript #Web, #RegEx

@javascriptv

​Obfuscate – браузерное расширение, для сокрытия текста страниц

С помощью Obfuscate вы можете сделать текст нечитаемым без изменения структуры веб-страницы. Работает по сочетании клавиш Alt+Shift+O

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

@javascriptv | #JavaScript #Web #Browser #Interesting

Unredacter – опенсорсная утилита которая позволяет депиксилизировать защищённый текст на картинке

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

| #TypeScript #Interesting #Photo

☕ Учебник по JavaScript: работа с объектами

https://proglib.io/p/uchebnik-po-javascript-rabota-s-obektami-2022-08-07

@javascriptv

Задача

Входные данные:

32-bit signed  integer number

Выходные данные:
number с перевернутыми цифрами (строкой), либо '0'

Примечание:
Если изменение number приводит к тому, что значение выходит за пределы интервала [-2^31, 2^31 - 1], нужно вернуть '0'

Ответ

Адаптивный слайдер с описанием и изображением. Имеет автопрокрутку и несколько элементов управления. Реализован с помощью HTML, CSS и JavaScript.

https://codepen.io/Akimzzy/pen/JjGKMoX

Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

https://codepen.io/K-T/pen/OJLxzVq