​Полезные приемы работы с DevTools

Будучи фронтенд-разработчиком, вы, безусловно, хорошо знакомы с браузером Chrome. Помимо стандартного функционала, этот браузер предоставляет много полезных функций, способных повысить эффективность разработки.

#en

Rubber Slider

range slider с "резиновым" эффектом, реализованный с помощью jQuery, GSAP и TweenMax.js.

#js

Задача

Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.

Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.

Выходные данные: строка, содержащая цифры 0-9.

Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”

Ответ

Practical Node.js

Автор: Azat Mardan
Год издания: 2018

#node #english

JavaScript. Что будет выведено в консоль?

Ответ

Bouncing Ball Checkbox

Анимированный переключатель, выполненный с помощью CSS и библиотеки GSAP.js

#html #css #js

Псевдоклассы :in-range, :out-of-range

Знакомимся с псевдоклассами :in-range и :out-of-range. С их помощью можно стилизовать поля ввода, поддерживающие атрибуты min и max.

#css

​Анимация grid track при помощи :has()

Изучаем возможности :has() для стилизации галереи продуктов.

#css #en

Range Slider

Несколько стилизованных слайдеров на чистом CSS.

#css

Full-Stack React, TypeScript, and Node

Автор: David Choi
Год издания: 2020

#node #react #english

Что будет выведено в консоль?

Ответ

Product Card

Карточка продукта с анимированным выбором конфигурации продукта, реализованная на чистом CSS.

#html #css

Задача

Напишите программу, которая выводит на экран числа от 1 до num. При этом вместо чисел, кратных трем, программа должна выводить слово «fizz», а вместо чисел, кратных пяти — слово «buzz». Если число кратно и 3, и 5, то программа должна выводить слово «fizzbuzz» .

Входные параметры: num - целое число, num > 1

Ответ

​Лучшие бесплатные и open source библиотеки JavaScript для работы с таблицами

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

#en #javascript #html

Magic Dust

Эффект при движении мышкой, выполненный с помощью SCSS и GSAP.js

#html #css #js

Learning Angular

Авторы: Aristeidis Bampakos , Pablo Deeleman
Год издания: 2020

#angular #english

Parallax Tilt Effect Cards

Положение самой карточки и картинки внутри неё зависит от положения курсора пользователя, что создает красивый parallax-эффект.

#html #css #js