Олег программист

2021-11-22 10:14:49 Pieces

Pieces позволяет разделить изображение на плитки и оживить их с помощью потрясающих эффектов. В ней есть около 300 готовых к использованию анимаций и инструментов. С помощью Pieces вы можете управлять размером плитки, скоростью, смещением и т. д.

Подробнее Открыть/Комментировать

2021-11-20 11:36:12 Скобки в функции IIFE можно пропустить

IIFE (Immediately Invoked Function Expression) - функция, которая выполняется сразу же после того, как она была определена.

Думаю многие из нас встречались с IIFE функциями, выглядят они вот так:

(function () {
console.log(1);
})()

А знали ли вы что скобки можно не ставить просто добавив оператор void?

void function () {
console.log(1);
}()

И кстати! Вы можете использовать любые унарные операторы ( void, +, !, -, и т.д.) и все будет по-прежнему работать! Открыть/Комментировать

2021-11-19 11:48:50 Анимация котика

https://codepen.io/orion_Lord_of_the_world/pen/JjyzYXg Открыть/Комментировать

2021-11-18 11:38:21 Как избавиться от position: absolute в CSS

https://habr.com/ru/company/skillfactory/blog/589829/ Открыть/Комментировать

2021-11-17 10:06:59 Объединение нескольких объектов в один

В работе довольно часто для выполнения какой либо задачи нам требуется объединить несколько объектов в один. Существует несколько способов выполнения данной задачи но самый простой из них это использование spread оператора ...

Пример:

const user = {
name: 'John',
gender: 'Male'
};

const skills = {
programming: 'Extreme',
swimming: 'Average',
sleeping: 'Pro'
};

const summary = {...user, ...skills};

На выходе получаем объект summary в котором объединены user и skills Открыть/Комментировать

2021-11-16 11:35:04 Jimp

Это библиотека, используемая для обработки изображений. Разработчик предоставил обширную документацию и поддержку API.

Подробнее Открыть/Комментировать

2021-11-15 14:54:42 Псевдокласс :is()

Псевдокласс :is() применяется для сокращения длинных селекторов. Функция псевдокласса :is() принимает список селекторов для выбора элементов html.

Например, мы хотим применить стиль к параграфам, которые находятся в первом уровне вложенности в элементах header, main, footer:

Без применения :is
header > p, main > p, footer > p {
/* styles... */
}

С применением :is
:is(header, main, footer) > p {
/* styles... */
} Открыть/Комментировать

2021-11-15 11:05:30 Отправка письма

https://codepen.io/orion_Lord_of_the_world/pen/gOxBVJM?editors=1100 Открыть/Комментировать

2021-11-14 11:16:08 Звёздный рейтинг: решение с использованием SVG

https://habr.com/ru/post/588695/ Открыть/Комментировать

2021-11-13 11:35:54 Игра гоночки на JavaScript

https://codepen.io/orion_Lord_of_the_world/pen/KKvGPpB Открыть/Комментировать