Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.
Websocket. В этой статье кратко изложена основная информация о Websocket и реализована простая демонстрационная версия чата на несколько человек. После прочтения вы сможете использовать Websocket для создания чата.
Читать...:has() предоставляет возможность "заглядывать вперед" с помощью CSS и стилизовать родительский элемент (предка). Этот селектор может быть легко расширен для стилизации одного или нескольких дочерних элементов (потомков). Регистрация состояний или позиций элемента позволяет стилизовать почти любую комбинацию элементов как уникальных или входящих в определенный диапазон.
❗ Обратите внимание: на сегодняшний день :has() поддерживается не всеми браузерами, поэтому использовать его в производственных приложениях пока рано.
Читать...// Вариант 1
div {max-width: 780px; width: 80%};
// Вариант 2
div {width: 50%; min-width: 400px};
Как это можно написать сейчас:
// Вариант 1
div {max-width: min(80%, 780px)};
// Вариант 2
div {width: max(50%, 400px)};
❗ Полностью в рамках телеграма раскрыть эту тему нереально поэтому для тех кого интересуют подробности вот крутая статья с хабра.
❗ Так же согласно caniuse эти функции уже поддерживают последние версии всех основных брауеров.