Spirited Away Bathhouse

3D-карточка, выполненная с помощью Haml и SCSS, без использования JavaScript.

#css

​Атрибут novalidate

Знакомимся с HTML-атрибутом novalidate. С его помощью можно отключить нативную валидацию формы со стороны браузера.

#html

Image Hover Interaction

При наведении на карточку в JS создаются частицы на canvas, которые собираются в картинку.

#js

🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/LlWI/

Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js

React-Architect

Автор: Dr. Frank Zickert
Год издания: 2020

#react #english

Задача

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

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

Напишите функцию replacer для JSON-преобразования, которая удалит свойства, ссылающиеся на meetup.

Ответ

Как устроена автоматизация в Почте России? А есть ли легаси?

Все это можно узнать в Telegram-канале Почтатеха — ИТ-подразделения Почты, которое занимается разработкой цифровых продуктов.

В нем вы также найдете актуальные вакансии, комментарии экспертов и множество интересного из мира информационных технологий.
Подписывайтесь: @pochtatech

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.

#css #js

Drop

Анимация в виде кругов на поверхности воды от упавшей капли, реализованная на чистом CSS.

#css

Задача

Напишите функцию persistence, которая принимает положительный параметр num и возвращает его мультипликативную величину (сколько раз нужно перемножить цифры num, пока не получите одну цифру).

Пример:
39 --> 3
(3*9 = 27, 2*7 = 14, 1*4 = 4 .
4 состоит из одной цифры. Чтобы дойти до четвёрки, мы сделали 3 итерации. )

Ответ

​Как стилизовать полосы прокрутки при помощи CSS

Из этой статьи вы узнаете все о кастомизации и стилизации скроллбаров при помощи CSS.

#css #en

Sliding Stepper

Анимированный ввод чисел, выполненный с помощью CSS и JavaScript.

#css #js

Node Cookbook

Автор: Bethany Griggs
Год издания: 2020

#node #english

Top-3 статьи по JavaScript, вышедших в мае, от наших друзей из TechRocks:

- Метод setTimeout() — задержка выполнения в JavaScript

- Локализация даты, времени и чисел в JS при помощи .toLocaleString

- Полное руководство по regex

Кому понравилось - подпишитесь @techrocks!

​Google Maps – отрисовка полигонов и окружностей на карте

Бывают ситуации, когда в проекте нужно отобразить на карте определенную область, которая будет показывать, к примеру, сферу влияния компании или территорию, на которую распространяется ее работа. В этом видеоуроке рассмотрено, как на Google-картах изобразить различные фигуры.

#js

3D Interactive Card Hover

Свойство transform со значением rotate изменяется в зависимости от положения курсора.

#js