This media is not supported in your browser
    VIEW IN TELEGRAM
  Scattering hexagons
Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.
https://codepen.io/K-T/pen/OJLxzVq
Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.
https://codepen.io/K-T/pen/OJLxzVq
👍16👎3🔥3❤1🤬1
  Движки JavaScript. Часть 2: генерация кода и базовые оптимизации
https://nuancesprog.ru/p/16014/
@javascriptv
  
  https://nuancesprog.ru/p/16014/
@javascriptv
NOP::Nuances of programming
  
  Движки JavaScript. Часть 2: генерация кода и базовые оптимизации
  В этой части продолжим разговор о том, как работают движки JavaScript. Поговорим о компиляторах, этапах создания кода и основных оптимизациях.
👍6🥰1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Адаптивный слайдер с описанием и изображением. Имеет автопрокрутку и несколько элементов управления. Реализован с помощью HTML, CSS и JavaScript.
https://codepen.io/Akimzzy/pen/JjGKMoX
https://codepen.io/Akimzzy/pen/JjGKMoX
🔥13👍4
  Задача
Входные данные:
 
Примечание:
Если изменение
Ответ
Входные данные:
32-bit signed integer numberВыходные данные:
number с перевернутыми цифрами (строкой), либо '0'Примечание:
Если изменение
number приводит к тому, что значение выходит за пределы интервала  [-2^31, 2^31 - 1], нужно вернуть '0'Ответ
👍10
  ☕ Учебник по JavaScript: работа с объектами
https://proglib.io/p/uchebnik-po-javascript-rabota-s-obektami-2022-08-07
@javascriptv
  
  https://proglib.io/p/uchebnik-po-javascript-rabota-s-obektami-2022-08-07
@javascriptv
Библиотека программиста
  
  ☕ Учебник по JavaScript: работа с объектами
  Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.
🔥6
  Unredacter – опенсорсная утилита которая позволяет депиксилизировать защищённый текст на картинке
Показывает, почему вы никогда не должны использовать пикселизацию в качестве метода защиты. Для более полной информации о том, как это работает, ознакомьтесь с эти блогом
| #TypeScript #Interesting #Photo
  
  Показывает, почему вы никогда не должны использовать пикселизацию в качестве метода защиты. Для более полной информации о том, как это работает, ознакомьтесь с эти блогом
| #TypeScript #Interesting #Photo
GitHub
  
  GitHub - BishopFox/unredacter: Never ever ever use pixelation as a redaction technique
  Never ever ever use pixelation as a redaction technique - BishopFox/unredacter
👍8🔥1
  Obfuscate – браузерное расширение, для сокрытия текста страниц
С помощью Obfuscate вы можете сделать текст нечитаемым без изменения структуры веб-страницы. Работает по сочетании клавиш Alt+Shift+O
⤷ Ссылка на проект
@javascriptv | #JavaScript #Web #Browser #Interesting
  
  
  
  
  
С помощью Obfuscate вы можете сделать текст нечитаемым без изменения структуры веб-страницы. Работает по сочетании клавиш Alt+Shift+O
⤷ Ссылка на проект
@javascriptv | #JavaScript #Web #Browser #Interesting
🔥2👍1
  Regexlearn – Проект, который поможет понять и научиться писать регулярные выражения
Особенности:
• Пошаговое обучение
• Интерактивность
• Интуитивно простой интерфейс
• Можно использовать как «шпаргалку»
#GitHub | #JavaScript #Web, #RegEx
@javascriptv
Особенности:
• Пошаговое обучение
• Интерактивность
• Интуитивно простой интерфейс
• Можно использовать как «шпаргалку»
#GitHub | #JavaScript #Web, #RegEx
@javascriptv
👍14😁1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Animated pie chart
Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.
#css #js
https://codepen.io/creativeocean/pen/KKypdeM
Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.
#css #js
https://codepen.io/creativeocean/pen/KKypdeM
👍20
  Что будет выведено в консоль?
  Anonymous Quiz
    60%
    [1, 2, 3, 4, 5]
      
    8%
    [1, 2, 3, 5]
      
    6%
    [1, 2, 3, 4]
      
    26%
    TypeError
      
    👍25😁4🤔2
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Wavy Color Cube
Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.
#https://codepen.io/hexagoncircle/pen/MWwjpYY
@javascriptv
Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.
#https://codepen.io/hexagoncircle/pen/MWwjpYY
@javascriptv
🔥10👍1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Instagram Dark Mode
Темный режим в Instagram, реализованный с помощью CSS и JavaScript.
#темныйрежим #css #javascript
https://codepen.io/aris_acoba/pen/ROWRBp
@javascriptv
Темный режим в Instagram, реализованный с помощью CSS и JavaScript.
#темныйрежим #css #javascript
https://codepen.io/aris_acoba/pen/ROWRBp
@javascriptv
🔥6👍2
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Волновая анимация при клике на кнопку в стиле неоморфизма, реализованная с помощью CSS и JavaScript.
https://codepen.io/Craaftx/pen/vYGVjYM
@javascriptv
https://codepen.io/Craaftx/pen/vYGVjYM
@javascriptv
🔥20🤯5👍3
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Clock
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
#css #js
https://codepen.io/igstudio/pen/WjdwrO
@javascriptv
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
#css #js
https://codepen.io/igstudio/pen/WjdwrO
@javascriptv
👍15🔥3
  ✒️ Для подготовки к собеседованию: 10 задач по промисам JavaScript
Промисы — ключевая особенность асинхронного программирования на JavaScript. Независимо от того, как вы к ним относитесь, вам нужно понимать механизм их работы.
В этой статье представлено несколько задач по промисам, от базовых до продвинутых, а также 10 сниппетов кода. Вывод вы должны угадать сами. Попробуйте сначала решить задачу самостоятельно и только потом читайте разбор.
➡️ Читать дальше
@javascriptv
Промисы — ключевая особенность асинхронного программирования на JavaScript. Независимо от того, как вы к ним относитесь, вам нужно понимать механизм их работы.
В этой статье представлено несколько задач по промисам, от базовых до продвинутых, а также 10 сниппетов кода. Вывод вы должны угадать сами. Попробуйте сначала решить задачу самостоятельно и только потом читайте разбор.
➡️ Читать дальше
@javascriptv
👍22🔥2😁1🤯1😢1
  This media is not supported in your browser
    VIEW IN TELEGRAM
  Locomotive scroll
Библиотека для создания прокрутки. Обеспечивает плавную прокрутку с поддержкой эффектов параллакса и переключения классов.
✅Особенности:
— Работает в современных браузерах (Chrome, Firefox, Safari, Edge и т.д)
— Создание фиксированных элементов
— Каждый элемент может быть анимирован с разной скоростью
— Изменение направления прокрутки
Сайт: https://locomotivemtl.github.io/locomotive-scroll/
GitHub: https://github.com/locomotivemtl/locomotive-scroll
#библиотеки #js
@javascriptv
Библиотека для создания прокрутки. Обеспечивает плавную прокрутку с поддержкой эффектов параллакса и переключения классов.
✅Особенности:
— Работает в современных браузерах (Chrome, Firefox, Safari, Edge и т.д)
— Создание фиксированных элементов
— Каждый элемент может быть анимирован с разной скоростью
— Изменение направления прокрутки
Сайт: https://locomotivemtl.github.io/locomotive-scroll/
GitHub: https://github.com/locomotivemtl/locomotive-scroll
#библиотеки #js
@javascriptv
👍10
  