Star Wars Imperial Army's Product Slider

Адаптивный слайдер карточки продукта, реализованный с помощью Swiper.js.

#js

​Как использовать JavaScript для расстановки элементов на веб-странице

Разбираемся на примере, как упорядочить элементы на странице.

#javascript

Смартфон

Фоторелистичный смартфон, созданный на чистом CSS.

#css

Темы меню

Меню с возможностью смены темы, выполненное с помощью SCSS и JavaScript.

#css #js

Задача

Дана закодированная строка, необходимо вернуть декодированную строку.

Правило кодирования: k [закодированная_строка], где закодированная_строка в квадратных скобках повторяется ровно k раз. k - строго положительное число.

Входные данные: входная строка валидна (нет лишних пробелов, правильные квадратные скобки). Полностью раскодированная строка не содержит цифр.

Ответ

Direction aware hover effect

Эффект подчеркивания ссылок при наведении с учетом направления курсора.

#css #js

Calendar and Clock

Получение даты и времени реализовано на JS. Если зажать кнопку на календаре, то открываются часы.

#js

​Руководство по работе с формами и полями ввода в React

Лучший способ разобраться в любом фреймворкке - создать с его помощью CRUD-приложение. А любое такое приложение имеет форму с разными полями ввода. Работая с формами в React, вы столкнетесь с такими терминами, как "контролируемые и неконтролируемые компоненты". В этой статье автор разобрал суть этих терминов простым английским языком.

#javascript #react

CSS Loaders

Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.

#css #html

Computer Programming

Авторы: Willam Alvin Newton, Steven Webber
Год издания: 2019

#javascript #html #css #english

​3 чудо-приема JavaScript для ускорения разработки

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

#javascript

Energy

Анимация энергетических лучей, которые следуют за курсором мыши. Реализована с помощью JavaScript.

#js

​Обнаружение долгого нажатия в событиях JavaScript в React

Разбираем, как реализовать взаимодействие с долгим нажатием в React-приложении без использования нативных инструментов мобильной разработки.

#react #en

Melty line goodness

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

#css #js

Node.js for Embedded Systems

Автор: Patrick Mulder and Kelsey Breseman
Год издания: 2017

#node #english

​Зачем использовать materialize и dematerialize операторы и что такое Notification в RxJS?

Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? А что насчет класса Notification? Вероятно, многие слышали, но не до конца представляли, где их можно применить на практике. Из этой статьи вы узнаете, что делают эти операторы.

#javascript

Moko's lost!

Страница 404: svg-картинка, анимированная в JS.

#js

Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ