HTML Academy
10.7K subscribers
5.03K photos
124 videos
4 files
3.09K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
cause: ключ к понятной обработке ошибок в JavaScript

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

Свойство cause позволяет передать оригинальную ошибку дальше по цепочке, не теряя контекста.


📌 Свойство cause поддерживается в современных браузерах и средах, включая Node.js. Разбираем детали и примеры → статья.
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3❤‍🔥21
Media is too big
VIEW IN TELEGRAM
Круговая диаграмма на чистом CSS

Чистый CSS уже многое умеет для простой визуализации данных. Только взгляните: круг собирается через conic-gradient, цвета задаются в кастомных свойствах, форма "бублика" получается с помощью масок.

❗️ Смотрите и другие визуализации на удобных площадках:
YouTube | VK Video
🔥94
counter-set в CSS: как задать номер без хака и JavaScript

counter-set — это новое CSS-свойство, с помощью которого можно явно установить значение счётчика в нужный момент.


Свойство поддерживается в современных браузерах и решает задачу, для которой раньше приходилось лезть в HTML или писать JavaScript. В статье рассказываем, где использовать свойство.

🔺 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥53
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🔥31