Проверка орфографии в полях ввода

Доброго дня, фронты! Бывают такие случаи (редко) когда может оказаться полезным проверка орфографии в полях ввода. И для этого есть отдельный атрибут - spellcheck

Атрибут необязательный и может иметь значения true или false, дефолтное значение зависит от настроек браузера.

Пример кода:

<input
value="amazzing HTML!"
spellcheck="true"
/>

✅ Итог: слово amazzing будет подчеркнуто красной строкой.

❗P.S Наверное единственный случай в моей работе когда это могло пригодиться это русская буква "c" в английском слове

 #html #features

CSS media запрос any-hover

Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?

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

Пример применения:

@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}

Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

#css #features

Скролл страницы наверх

Всем привет! Микро-пост о том как простейшим способом проскроллить страницу наверх.

Вот так:

const scrollToTop = (x, y) => {
window.scrollTo(x, y);
};
scrollToTop(0, 0);


#js #features

3 способа преобразования массива в объект

Приветствую товарищи! Довольно часто по разным причинам нам требуется трансформировать данные в какой-либо формат, например для работы с какой-нибудь библиотекой или апихой. В этом посте описаны 3 способа с помощью которых можно массив трансформировать в объект.

const arr = ['frontend', 'backend', 'qa'];

// 1 способ - метод assign
const obj = Object.assign({}, arr);

// 2 способ - spread оператор
const obj = {...arr};

// 3 способ - метод reduce
const obj = arr.reduce((res, key, index) => {
res[index] = key;
return res;
}, {})

#js #features