cause
: ключ к понятной обработке ошибок в JavaScriptПри работе с ошибками в JavaScript часто возникает ситуация, когда нужно перехватить исключение, выполнить какие-то действия, а затем выбросить новую ошибку. В такой цепочке легко потерять исходную причину вызвавшую ошибку.
Свойство cause позволяет передать оригинальную ошибку дальше по цепочке, не теряя контекста.
cause
поддерживается в современных браузерах и средах, включая Node.js. Разбираем детали и примеры → статья.Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Круговая диаграмма на чистом CSS
Чистый CSS уже многое умеет для простой визуализации данных. Только взгляните: круг собирается через
❗️ Смотрите и другие визуализации на удобных площадках:
YouTube | VK Video
Чистый CSS уже многое умеет для простой визуализации данных. Только взгляните: круг собирается через
conic-gradient
, цвета задаются в кастомных свойствах, форма "бублика" получается с помощью масок.❗️ Смотрите и другие визуализации на удобных площадках:
YouTube | VK Video
🔥9❤4
counter-set
в CSS: как задать номер без хака и JavaScriptcounter-set
— это новое CSS-свойство, с помощью которого можно явно установить значение счётчика в нужный момент.
Свойство поддерживается в современных браузерах и решает задачу, для которой раньше приходилось лезть в HTML или писать JavaScript. В статье рассказываем, где использовать свойство.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤3
navigator.credentials
: как ускорить вход в браузереnavigator.credentials
позволяет браузеру безопасно хранить и по запросу возвращать учётные данные — пароли, токены или ключи. Через get()
можно получить сохранённые данные (например, с mediation: optional
), а через store()
— сохранить их после входа.Работает по HTTPS, требует фокуса страницы. Поддерживается в Chrome, Edge и Android WebView; в Safari и Firefox — частично или нет.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
HTML Academy
CSS-боль, выпуск про чистый CSS Сегодня две функции: sibling-index() и sibling-count(). Что внутри: - как раньше решали задачу и почему это боль; - как помогали циклы в препроцессорах и зачем от них уходить; - промежуточный вариант на переменных и calc();…
Вышла вторая часть разбора радиальных градиентов в CSS!
В первой мы научились управлять цветами, смещать центр и менять форму. А теперь — идём глубже:
1️⃣ Radial shape: как зафиксировать градиент в форме круга (circle).
2️⃣ Radial size: абсолютные размеры и ограничения для процентов.
3️⃣ Четыре ключевых слова (closest-side, farthest-side, closest-corner, farthest-corner) — как они работают и когда реально выручают.
4️⃣ Практика: делаем анимированный «бильярдный шарик» с бликом.
🐭 Смотреть на YT
🐹 Смотреть в VK Video
В первой мы научились управлять цветами, смещать центр и менять форму. А теперь — идём глубже:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥3🔥3⚡1