![[recovery mode] XPath — примеры запросов в html для парсинга сайта](/uploads/habrahabr_logo.png){kind=logo}
Парсим данные с сайтов при помощи XPath и Screaming Frog без помощи программистов. Синтаксис XPath для выбора, ссылка на удобное расширение для извлечения пути, примеры для парсинга любых данных + запись моего мастер-класса в гостях у Михаила Шакина. Читать далее
Подробнее
Способ настройки шрифта в соответствии с предпочтениями пользователей В данной статье рассматривается применение медиа-запросов CSS с использованием переменного шрифта для более точной адаптации типографии. Читать далее
Подробнее
После подробного изучения темы скелетонов, я решил создать очень простое, гибкое, переиспользуемое, настраиваемое и легкое решение, которое подойдет для большинства случаев использования. В этой статье я опишу процесс создания этого решения и превращения его в библиотеку, а также трудности, с которыми я столкнулся при работе над ним. Читать далее
Подробнее
Всем привет! Сегодня я хочу показать 5 примеров использования искусственного интеллекта (ИИ) на нейросети OpenAI (GPT-3) применительно к SEO: это кластеризация поисковых запросов, определение степени коммерциализации запросов, оценка качества контента Google E-A-T, генерация статей по ключевым словам и извлечение сущностей из текста. Все это делается с регистрацией, СМС и только через VPN, но, в отличии от классических способов, применяемых сеошниками – без использования поисковых систем.
Подробнее
Данный кейс описывает процесс создания системного маркетинга в компании, оказывающей услуги в сфере сертификации. Было проделано огромное количество работ и потрачены бюджеты с большим количество нулей на заявки. Итог внизу, поэтому если лень читать крутите колесо. Кейс обезличен, но при желании всегда можно найти информацию о компании, на примере которой мы описали здесь все наши процессы. Читать далее
Подробнее
В данной статье продемонстрирован способ реализации “параметризованной” css анимации React компонента с помощью styled components. Параметризованная потому что css анимация описывается через параметры, которые динамически рассчитываются на основе пропсов и состояний компонента при его рендеринге. Читать далее
Подробнее
К нам в агентство часто обращаются клиенты с проблемой — запустили контекстную рекламу, а она не работает. Рекламные бюджеты сливаются, заявки отсутствуют (в некоторых случаях их мало и они дорогие). В общем, реклама не окупается, поставленные KPI не достигаются. Почему же контекст не работает? А главное — как это исправить, чтобы заявки наконец пошли? Читать далее
Подробнее
Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. Предыдущая часть здесь. В этом выпуске — DevTools для мобильных браузеров, CSS-антистресс для Booking.com (на КДПВ), единственная защита от фингерпринтинга (спойлер: это браузер Tor, он же Firefox) и др. Читать дальше →
Подробнее![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 15. HTML теги, CSS и JavaScript](https://habrastorage.org/webt/w1/mx/lk/w1mxlkptwn-fsfu2ss5tasyl1z0.jpeg)
От переводчика. Разбор работы непосредственно веб-серверов на Arduino закончен автором в предыдущих статьях, но остались нераскрытыми различные тонкости формирования дизайна и работы самих веб-страниц. В этом уроке автор «расставляет по полочкам» методы получения доступа к различным HTML элементам при помощи CSS и JavaScript и подробно объясняет механизмы управления внешним видом страниц. Читать дальше →
Подробнее
Что нового в анимации на основе скрола? Анимация на основе скрола - это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от положения прокрутки пользователя. Это отличный способ удержать пользователей и сделать сайт более привлекательным. Раньше единственным способом создания анимации на основе скрола страницы, было реагирование на событие прокрутки в главном потоке. Это приводило к двум основным…
Подробнее
Покупая HTML исходники готовых макетов сайтов, для реализации проекта "под клиента" в первую очередь встает вопрос необходимости замены всех стоковых изображений на что-то иное. Исправить цветовую схему, переписать "рыбу" на вменяемые тексты. И первая минимально рабочая версия готова. В данной заметке рассмотрим практическое применения телеграм бота @kandinsky21_bot
Подробнее
Зачем использовать в вёрстке компонентный подход? Разбираемся, как и зачем верстать интерфейсы, используя этот подход, какие параметры и проблемы важно учесть. Разберём азы, забежим вперёд и подробно погрузимся в тему. Кстати, эта статья написана на основе одного из уроков курса «Профессиональная вёрстка на HTML и CSS» Яндекс Практикума. Читать далее
Подробнее