​fuite - инструмент для поиска утечек памяти в веб-приложениях

Дебаггинг утечек памяти - непростая задача. Для этого есть инструменты, но они в массе своей сложные и неудобные. Поэтому многие разработчики не слишком активно мониторят утечки. Возможно, fuite это изменит?

#en

Hamburger Icons Animations

Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.

#js

Cross-Platform Desktop Applications

Автор: Paul Jensen
Год издания: 2017

#english

Как добавить HTML элементу обработчик события?

addEventListener() добавляет элементу действие, которое будет выполнено после срабатывания события. Например, после клика мыши или нажатия клавиши.

Найдем первую кнопку на странице и будем выводить сообщение в консоль, когда произошел клик по этой кнопке.

const element = document.querySelector('button')

element.addEventListener('click', function (event) {
console.log('Произошло событие', event.type)
})

При вызове функции в нее передаётся специальный объект (в примере выше — event), который у разных типов событий разный. Например, у событий нажатия клавиши есть код клавиши, а у событий перемещения мыши — координаты.

#js

Переключение тем

Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript.

#css #js

27 основных однострочных функций JavaScript

Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.

#js

CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

#css

Advanced TypeScript Programming Projects

Автор: Peter O'Hanlon
Год издания: 2019

#typescript #english

Как проверить, содержится ли значение в коллекции Set?

Метод set.has() проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернет true, в противном случае — false.

Пример:

const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])

console.log(watchList.has('Казино'))
// true

console.log(watchList.has('Чёрная пантера'))
// false

#js

Sphere

Анимация вращения трёх сфер, реализованная с помощью Three.js.

#js

​conic-gradient и radial-gradient

Подробный разбор работы градиентов, их сходства и отличий и вариантов использования.

#css

Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js

Full-Stack React Projects

Автор: Shama Hoque
Год издания: 2020

#react #english

Как создать свой первый кастомный transition в Svelte

#css #js

Читать

Slider boomerang effect

Необычный слайдер, листать который можно при помощи кнопок или колесика мыши.

#css #js

4 способа добавить иконки на сайт из Figma

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

#css #js

BEER

Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.

#css

Building APIs with Node.js

Автор: Caio Ribeiro Pereira
Год издания: 2016

#node #english

Функция "Показать пароль"

Видеоурок: автор показывает, как добавить возможность просмотра пароля, введенного в поле password.

#js

https://youtu.be/G8DOZ-sqdg0

День и ночь

Смена дня и ночи, выполненная с помощью CSS и библиотеки jQuery. Смена дня и ночи происходит при клике на солнце/луну.

#css #js