Javascript

01 September 2022 12:15

✒️ Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

Для демонстрации темной темы понадобится простой HTML-файл. В раздел head включены CSS-файл styles.css и два файла JavaScript: darkmode.js и project.js.

Мета-параметры — кодировка, вид экрана и заголовок — упоминаются только для заполнения минимального раздела заголовка.

Кнопка переключения на темную тему —  darkmode  — расположена внутри элемента <header> на тринадцатой строчке.

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

@javascriptv

Javascript

29 August 2022 14:24

🔵 Создание многократно используемых компонентов React оптимальным способом

Представьте, что вы создали самое лучшее поле FormField для рассылки новостей компании. Теперь вы приступаете к следующему заданию — помогаете другой команде с разработкой компонента React, который почти не отличается от того, что вы только завершили. Как же использовать компоненты несколько раз в разных приложениях и командах?

Вы можете удивиться: “Я уже написал код. Достаточно только скопировать его из репозитория”.

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

@javascriptv

Javascript

26 August 2022 14:23

Locomotive scroll

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

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

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

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

@javascriptv

Javascript

23 August 2022 13:37

Clock

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

#css #js

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

@javascriptv

Javascript

20 August 2022 13:00

Instagram Dark Mode

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

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

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

@javascriptv

Javascript

18 August 2022 10:18

Как обеспечить работу современного кода JavaScript во всех браузерах

Читать

@javascriptv

Javascript

31 August 2022 08:30

​NSFWJS – JavaScript-библиотека для быстрой идентификации NSFW(not safe for work) контента

В основе библиотеки лежит нейронная сеть на tensorflow.js

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

@javascriptv | #JavaScript #Web #Interesting

Javascript

27 August 2022 13:54

Tilt Hover Effect + Flying Chef

В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.

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

Javascript

24 August 2022 16:31

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

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

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

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

@javascriptv

Javascript

21 August 2022 17:49

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

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

@javascriptv

Javascript

19 August 2022 12:50

JavaScript For Impatient Programmers

📖 Книга

@javascriptv