CSS трюки с использованием одного градиента

CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента.

https://css-tricks.com/css-tricks-that-use-only-one-gradient/

ResizeObserver API

ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный при работе с адаптивными и динамическими интерфейсами. Туториал, показывающий как создать экземпляр ResizeObserver, наблюдать за элементами и управлять событиями изменения размера.

https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/

10 советов по SEO для разработчиков

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

https://thenewstack.io/top-10-javascript-seo-tricks-every-developer-should-know/

Современный CSS reset

Обычно базовые стили кочуют у разработчиков из проекта в проект. Что могло поменяться с течением времени? Josh Comeau делится своим набором стилей и тем, что в нем изменилось за последнее время.

https://www.joshwcomeau.com/css/custom-css-reset/

Разбираемся с процессом рендеринга в браузере

Один из частых вопросов на собеседовании - вы вводите адрес в строку браузера и нажимаете Enter, что происходит дальше?
Подробное описание стадий - от отправки запроса до отображения пикселей на экране.

https://abhisaha.com/blog/exploring-browser-rendering-process

Почему оптимизация Lighthouse score — не гарантия быстрого сайта?

А также почему фикс по рекомендациям Lighthouse — это хороший старт для улучшения приложений.

https://www.smashingmagazine.com/2024/11/why-optimizing-lighthouse-score-not-enough-fast-website/

JavaScript Import Attributes

Разбираемся с новым синтаксисом импортов в JS (ES2025) и какую проблему он решает.

https://www.trevorlasn.com/blog/import-attributes-in-javascript

Promise - краткое руководство

Ёмкая документация от Доки по работе с промисами: синтаксис, методы, цепочки вызовов, промисификация функций с колбэком.

https://doka.guide/js/promise/

Устали бороться с древним кодом? Чувствуете, что легаси по-тихоньку захватывает ваш проект? 😱

Приглашаем на онлайн-митап «Как лиду работать с легаси?», где лид фронтенд-разработчик Мерка, Никита Шальнев, поделится проверенными техниками борьбы с «программным наследием».

О чем будем говорить?
- Что такое легаси-код и откуда он берется?
- Как обнаружить легаси в проекте?
- Какую ошибку постоянно совершают лиды?
- Как предотвратить появление легаси и сохранить код чистым?
- Рефакторинг или ... может, ну его? 😜

Встречаемся с вами в 19:00 МСК в канале @merkteam ⬅️

👉 Подписывайтесь, чтобы не пропустить митап, а заодно быть в курсе других мероприятий, открытых вакансий в Мерке и полезных айти-новостей от меркурианских разработчиков.

30 простых (и не очень) анимаций на CSS

Подборка анимаций на чистом CSS чтобы оживить ваше приложение.

https://blog.hubspot.com/website/css-animation-examples

Дебажим мобильное веб приложение на Android-смартфоне

Как отловить специфичный для мобильной платформы баг или понять особенности выполнения кода на реальных устройствах с помощью adb и DevTools.

https://jem-space.ru/mobile-degub-on-desktop/

Введение в API MutationObserver

Короткая заметка о том, что такое MutationObserver, зачем он нужен и как с помощью него отслеживать изменения DOM элемента.

https://css-live.ru/articles/vvedenie-v-api-mutationobserver-iz-javascript.html