Фронтенд Гайд

Very cool animated text

Интересная анимация спирального текста

802 views07:00

812 views15:00

Полностью отменяет распространение события

Какое поведение наиболее точно описывает вызов event.preventDefault()?

Anonymous Quiz

12%

Останавливает выполнение обработчика события

77%

Предотвращает поведение браузера по умолчанию, не влияя на всплытие

Удаляет обработчик события с элемента

132 voters785 views07:00

Автоматический подбор браузером контрастного цвета в CSS

Я покажу, как contrast-color() в CSS сам решает, белым писать текст или чёрным, и как это спасает от визуального позора. Больше никакой ручной игры в угадайку

810 views15:00

👍 3 👎

Вызывает функцию сразу с новым контекстом this

Какое утверждение наиболее точно описывает поведение метода bind()?

Anonymous Quiz

16%

58%

Создаёт новую функцию с жёстко привязанным this, но не вызывает её

Удаляет связь функции с исходным объектом

22%

Привязывает функцию к глобальному контексту независимо от this

116 voters777 views07:00

Bouncy image radio group

Галерея с плавной анимацией при переключении

855 views15:00

792 views09:00

Please open Telegram to view this post

VIEW IN TELEGRAM

835 views09:00

Объект становится неизменяемым: нельзя добавлять, удалять и изменять свойства

Что происходит с объектом после применения Object.freeze()?

Anonymous Quiz

71%

Объект можно менять, но нельзя удалять свойства

15%

Объект блокируется только для чтения

Только вложенные свойства объекта становятся защищёнными

127 voters753 views07:00

Card Mouse Hover Effect

Карточки с интересным эффектом при наведении

781 views15:00

👍 11 👎

🔗 Открыть код

== и === делают одно и то же, только === быстрее

Какое из утверждений наиболее точно описывает разницу между == и === в JavaScript?

Anonymous Quiz

82%

== сравнивает значения с приведением типов, === — без приведения

13%

=== проверяет только типы, но не значения

= работает только с числами, === — со строками

152 voters759 views07:00

Как использовать любой CSS-фреймворк в вашем проекте

Автор показывает, как настроить Bootstrap Alert под свой стиль через SCSS и дизайн-систему, чтобы больше не страдать от серых прямоугольников по умолчанию

775 views15:00

👍 1 👎

Событие сначала обрабатывается на целевом элементе

Text-Animation-test

Простая сцена с анимированным текстом

802 views07:00

783 views15:00

Что происходит при использовании фазы перехвата (capturing) в обработке событий?

Anonymous Quiz

20%

24%

Событие обрабатывается от самого вложенного элемента к родителю

42%

Событие обрабатывается от родителя к целевому элементу до фазы всплытия

14%

Событие обрабатывается только один раз независимо от фазы

74 voters721 views07:00

Как устроен event loop в Node.js

Разбирается внутрянка Node.js: что делает libuv, зачем фаз столько и как всё это уживается в одном потоке. После прочтения цикл событий больше не будет магией.

730 views15:00

👍 1 👎 1