Я развиваю скрипт на языке PowerShell для обхода и визуализации HTML-дерева из файла на языке HTML для анализа кода HTML на ошибки. В частности, для поиска ошибок при именовании классов CSS. Для этого сначала нужно получить набор классов из атрибута class HTML-элементов, а затем перебрать эти названия классов в цикле. Для разбора HTML я использую библиотеку «HTML Agility Pack». Также я разбираю, как можно обработать ссылки на символы (их еще называют по-английски «HTML-entities»)
Подробнее
Наверняка хотя бы раз в жизни вы или ваши знакомые в поисках приятного досуга на вечер обращались к Яндексу или Гуглу с запросами вроде “кино онлайн бесплатно” или “смотреть сериалы 2021”. Если так, не стоит стесняться, вы такой не один, с подобными запросами в Яндекс, например, обращаются несколько миллионов человек в месяц. При этом, скорее всего, как и большинство пользователей с таким запросом, вы не имеете преференций относительно того, где вам этот контент покажут, и перебираете ссылки
Подробнее
Это заключительная статья из цикла статей о работе браузеров. Ссылка на первые два перевода: Часть 1: навигация и получение данных Часть 2: парсинг и выполнение JS Статьи предназначена для начинающих разработчиков и тех, кто интересуется разработкой. Здесь нет глубоких технических деталей, хотя, возможно, вы найдете что-то новое для себя. Помимо деревьев, о которых мы уже говорили — DOM, CSSOM и AST — браузеры также строят дерево специальных возможностей. Деревья, построенные на этапе…
Подробнее
Только ленивый не слышал про накрутку поведенческих факторов, особенно после обнаружения дыр в алгоритмах Яндекса в 2019 году. Тогда с помощью смартфона, режима инкогнито и смены IP-адреса можно было вывести в топ любой сайт в зоне видимости поисковика. В результате интернет заполонили предложения о скоростном продвижении сайтов. “Накрутчики” работали, что говорится, по-черному, эффективно, но недолго. Уже в 2020 году Яндекс залатал дыру, но ситуация с накрутками не изменилась, а
Подробнее
При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? В этой статье я разбираю этот вопрос со ссылками на действующие стандарты HTML и CSS, даю ответы, привожу примеры с проверкой соответствующими валидаторами. Читать далее
Подробнее
Привет, друзья! В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года. "Полезный" означает, что я либо часто использую фичу в своих проектах, либо с нетерпением жду такой возможности. Читать дальше →
Подробнее
Браузерная разработка — одна из самых старых и при этом динамично развивающихся отраслей IT-индустрии. Востребованность и зарплаты разработчиков веб-приложений — фронтенд-разработчиков, только растут, но вместе с тем растут и ожидания от них. У этого есть простая причина: предметная область, ее глубина и количество нюансов — запредельно объемны, и они требуют постоянного обновления собственных знаний. Разработчик и консультант Александр Усков рассказывает про различные аспекты…
Подробнее
Всем привет, с вами Кирилл Мыльников, frontend разработчик компании Usetech. Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть много статей на эту тему, но я хочу выделить все виды горизонтального и вертикального центрирования с примерами. Тема довольно популярная для тех, кто просто верстает или занимается полноценной frontend-разработкой (ведь нам всегда нужно что-то центрировать). Существует множество способов, как…
Подробнее
И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать? Читать...
Подробнее
В продолжении темы описания возможностей SiteAnalyzer (бесплатная программа для аудита сайтов - российский аналог Screaming Frog SEO Spider), мы рады сообщить о выпуске новой версии 2.8, в которой мы мы добавили набор из 6 модулей для анализа доменов, реализовали возможность использования и управления файлами cookie для парсинга сайтов, добавили возможность автоматического экспорта отчетов по выбранным проектам в Excel и исправили не всегда удачную регистрацию программы. Расскажем обо
Подробнее
В этой заметке кратко расскажу о пяти наиболее предпочтительных бесплатных инструментах Google и о том, как они могут помочь именно вам начать или модернизировать SEO стратегию. Читать далее
Подробнее
Примечание переводчиков: статья предназначена для начинающих разработчиков и интересующихся разработкой. Здесь нет глубоких технических деталей, хотя, возможно, вы найдете что-то новое для себя. В прошлой статье мы обсудили навигацию и получение данных. Сегодня поговорим о HTML- и CSS-парсинге и выполнении JavaScript. Содержание: 1. HTML-парсинг: — Парсинг — Браузерные движки — Токенизация — Построение DOM — Предварительные загрузчики и ускорение страницы 2. CSS-парсинг: — Токенизация и…
Подробнее