Indigo Web | Frontend Backend

😎 24 свойства CSS, которые уже можно брать Поддержка во всех браузерах — а половина всё ещё пишет это на JS С чего начинается: ⏺ 100dvh — высота, которую реально видно на телефоне. 100vh считает так, будто панелей браузера нет ⏺ gap работает во flex, а не только в grid — отступы между элементами без margin у соседей ⏺ aspect-ratio: 16 / 9 — коробка держит пропорцию сама, без хака с padding-top — Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится. 🤓 Indigo Web | #css #вёрстка #frontend #вебразработка #html

😎 28 приёмов DevTools Которые экономят часы, а знают их единицы С чего начинается: ⏺ Ctrl+Shift+P — командная строка DevTools. Отсюда доступно всё, что дальше в списке ⏺ Команда Capture full size screenshot — скриншот всей страницы, включая то, что за экраном ⏺ Команда Capture node screenshot — снимок одного элемента, ровно по его границам — Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится. 🤓 Indigo Web | #вёрстка #frontend #devtools #вебразработка #кодинг

😎 22 ошибки вёрстки, которые видно сразу По ним отличают джуна от того, кто делал сайты для людей С чего начинается: ⏺ Шрифт меньше 16px в форме на телефоне — iOS зумит страницу при тапе по полю. Всегда ⏺ Кнопка меньше 44 на 44 точки — по ней не попасть пальцем. Это норма Apple, не вкусовщина ⏺ Контраст текста ниже 4.5:1 — серое на светло-сером читается только на вашем мониторе — Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится. 🤓 Indigo Web | #вёрстка #frontend #ux #вебразработка #доступность

👨💻 Орбитальный лоадер на CSS Лоадер без единой картинки. Каждое кольцо — это border-top + rotate по кругу, разные скорости и directions дают эффект глубины. Эффект работает на чистом CSS, без JavaScript 🖥 Ссылка на код 🤓 Indigo Web | #фишка

👨💻 Лоадер из четырёх точек Залипательный лоадер на CSS. Точки прыгают по очереди через animation-delay, градиентный фон — обычный linear-gradient. Эффект работает на чистом CSS, без JavaScript 🖥 Ссылка на код 🤓 Indigo Web | #фишка

😎 По обе стороны антибота: как я имитирую Chrome при скрейпинге и ловлю ботов Первая мысль была дурацкая: где-то не хватает куки или очередного sec-ch-ua. Оказалось — проблема раньше. Если коротко: ⏺ Два из них — Яндекс.Афиша и afisha.ru — собирать себя не хотят. ⏺ И режут не так, как ждешь: ни логина, ни капчи на входе, ни «подтвердите, что вы не робот». ⏺ Мой requests.get(...) ловит 403 — даже когда заголовки скопированы из Chrome один в один. — Я собираю афишу города в одну карту из пяти источников. 🖥 Читать статью 🤓 Indigo Web | #статья #ru

😎 Как VPS с 1 ГБ RAM пережил 1,2 млн запросов за сутки: разбираю «Шакализатор» Почему он не упал. Если коротко: ⏺ Серверную часть в основном писал Codex, а я во время наплыва обновлял статистику и ждал падения. ⏺ Теперь разбираю код, логи и серверные срезы: что именно спасло систему, где нам просто повезло и почему миллион запросов оказался не тем, чем кажется. ⏺ Зачем нужен Как VPS с 1 ГБ RAM пережил 1,2 млн запросов за сутки: разбираю «Шакализатор» и какие задачи он закрывает в проде — Мой мемный сервис «Шакализатор» победил в премии Яндекс Практикума , но меня больше интересовал другой вопрос: как VPS с одним ядром и 1 ГБ RAM пережил 1,2 млн запросов за сутки. 🖥 Читать статью 🤓 Indigo Web | #статья #ru

👨💻 Глубокое погружение в работу промисов в JS В этой статье: ⏺История возникновения промисов ⏺Внутреннее устройство промисов ⏺Практические советы — Статья подробно разбирает внутреннюю механику работы промисов в JavaScript, их жизненный цикл, историю возникновения и практическое применение 🖥 Читать статью 🤓 Indigo Web | #статья

Если ты ИБшник, то тебе сюда👇🏻 Ссылка скрыта