Псевдоклассы :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

​Как работают веб-приложения?

Подробный разбор составляющих частей веб-приложений и механизма их работы (для начинающих).

Interactive 3D die

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

#css

Задача

Дан массив arr из N целых чисел, где значение arr[i] находится в диапазоне [1, N].

Необходимо найти все целые числа в диапазоне [1, N], которые не входят в исходный массив.

Входные данные: N == arr.length, 1 <= N <= 10^5.
Выходные данные: список пропущенных элементов

Ответ

Progressive Web Apps with Angular

Автор: Majid Hajian
Год издания: 2019

#angular #english

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

Ответ

Ripples

Рябь, выполненная с помощью SCSS и библиотеки Three.js.

#html #css #js

​CSS-свойство overscroll-behavior

Знакомимся с overscroll-behavior. Это свойство позволяет ограничить прокрутку одним контейнерм и предотвратить её распространение на родительские скролл-вьюпорты.

#css

Hashnode Logo CSS Art

Анимированная сцена, созданная на HTML и SCSS.

#html #css