7 Jul 2025, 15:58 UTC129 views18 reactionsread 10 August 2026 Video
📱 Знали ли вы, что в Chrome DevTools есть функция CSS Overview?
Этот инструмент за пару кликов покажет:
🔺палитру цветов
🔺 используемые шрифты
🔺медиа-запросы
🔺неиспользуемые стили
💡 Полезно для оптимизации, аудита и быстрого обзора сайта
⚪️ @FrontendNoBugsNoSleep | #browser
👍8🔥7❤3
19 Jun 2025, 15:58 UTC140 views21 reactionsread 10 August 2026 🚀 Что такое CORS и почему он блокирует запросы ?
CORS (Cross-Origin Resource Sharing) — это механизм безопасности браузера, который ограничивает кросс-доменные запросы, чтобы защитить пользователей от потенциальных угроз, например, межсайтовой подделки запроса (CSRF).
Ошибка CORS имеет следующий вид:
❌ Blocked by CORS policy: No 'Access-Control-Allow-Origin' header present
Для проверки CORS в некоторых случаях (на…
👍11🔥5❤4🤔1
16 Jun 2025, 15:39 UTC130 views19 reactionsread 10 August 2026 🚀 Способы измерить время выполнения участка кода в JS
Иногда нужно понять, сколько времени занимает выполнение определённого участка кода — будь то сложный расчёт, рендер компонента или запрос на сервер. Это может помочь при отладке и оптимизации производительности.
Вот 3 простых и быстрых способа:
1️⃣ Использование Date.now()
Если вам не нужна сверхточность, можно воспользоваться стандартным методом Date.now(), …
👍11🔥5❤2🆒1
12 Jun 2025, 05:11 UTC115 views20 reactionsread 10 August 2026 📱 Как работает браузер: база для фронтенд-разработчика любого уровня
На собеседованиях часто встречается этот, казалось бы, простой вопрос — его задают как на уровне Junior, так и Senior. Однако многие разработчики впадают в ступор и не могут дать чёткого и полного ответа.
Давайте разберёмся, как устроен браузер изнутри.
1️⃣ DNS-запрос и поиск IP-адреса
После ввода URL в адресную строку начинается процесс поиска …
👍9❤7🔥3😨1
10 Jun 2025, 06:49 UTC122 views21 reactionsread 10 August 2026 Video
⬜️ Что такое скелетная загрузка и почему она важна?
Скелетная загрузка (каркасный загрузчик, скелетон) служит временным заполнителем для контента, который ещё не успел подгрузиться. Это помогает пользователю сосредоточиться на прогрессе, а не на времени ожидания, создаёт ощущение скорости и предсказуемости.
Обычно скелетон реализуется через простые div-элементы с CSS-классами, имитирующими будущий контент: серые пр…
❤9👍7🔥5
9 Jun 2025, 14:37 UTC113 views20 reactionsread 10 August 2026 Video
📱Атрибут inputmode: точечное управление экранной клавиатурой
При разработке веб-приложений важно помнить не только о внешнем виде формы, но и об удобстве её заполнения. Один из инструментов — атрибут inputmode, который подсказывает браузеру, какую виртуальную клавиатуру показать пользователю при вводе данных в поле <input> или элементе с contenteditable.
inputmode не влияет на тип вводимых данных (для этого есть ty…
🔥8👍7❤4🤯1
9 Jun 2025, 06:30 UTC99 views20 reactionsread 10 August 2026 🫂 Как сделать сайт доступным для людей с ограниченными возможностями?
Доступность (accessibility) — это практика создания сайтов, чтобы их могли использовать все люди, независимо от способа взаимодействия: через клавиатуру, скринридеры, тачпады, голосовое управление и другие ассистивные технологии.
Вот мой проверенный чек-лист, который поможет поддерживать высокий уровень доступности на сайтах:
1️⃣ Используйте сем…
👍11❤5🔥4
6 Jun 2025, 04:00 UTC95 views20 reactionsread 10 August 2026 Photo
🖼️ Git: Merge vs Rebase — в чём разница?
Git Merge и Git Rebase преследуют одну и ту же цель — интеграция изменений из одной ветки в другую. Хотя конечная цель одинаковая, принципы работы отличаются.
👉 @FrontendNoBugsNoSleep | #git
❤11👍6🔥3
5 Jun 2025, 12:22 UTC115 views19 reactionsread 10 August 2026 Video
🔎 Продвинутая отладка с console.table()
Если вы часто выводите массивы или объекты в консоль через console.log() и потом мучаетесь с поиском нужных данных — пора попробовать console.table().
Основные преимущества:
▪️отличная читаемость
▪️поддерживает сортировку по столбцам (в некоторых браузерах)
▪️можно выводить не всю структуру, а только нужные поля
Недостатки:
▪️при выводе больших данных может тормозить или не …
👍8❤5🔥4😱2
3 Jun 2025, 13:38 UTC82 views20 reactionsread 10 August 2026 Photo
🖼️ Теперь можно официально получить звание HTML-программиста
Вчера заработала платформа от Минцифры, где можно пройти тесты и официально подтвердить свою ИТ-компетенцию. За прохождение выдается сертификат, который будет лежать в личном кабинете на Госуслугах и действовать целый год.
Пройти можно на Госуслугах или на hh.ru
👉 @FrontendNoBugsNoSleep
👍11👏5😱3😁1
3 Jun 2025, 06:00 UTC94 views18 reactionsread 10 August 2026 Video
⚫️ Интерактивный конструктор border-radius
Fancy-Border-Radius — удобный сервис для генерации всех 8 параметров для border-radius. Размер фигуры также можно изменить.
Сохраняй в закладки и пользуйся: https://9elements.github.io/fancy-border-radius/
👉 @FrontendNoBugsNoSleep | #resourse
🔥9❤4👍4👌1
2 Jun 2025, 14:48 UTC75 views21 reactionsread 10 August 2026 Photo
ИИ не пишет за меня код. Я отдаю код на аутсорс.
👉 @FrontendNoBugsNoSleep | #memes
🔥8😁8🤣5
Showing the 12 most recent of 14 posts we hold for @FrontendNoBugsNoSleep. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.