В SEO очень важно не стоять на месте и постоянно генерировать новые гипотезы и идеи. Но где их взять? Несколько месяцев назад я подумал, что мониторинг дорогих доменов — это хороший источник интересных проектов, кейсов и инсайтов. Ведь с высокой долей вероятности домены за несколько тысяч долларов покупаются опытными командами для конкурентных ниш. У меня получилось настроить мониторинг, и за несколько месяцев собралось больше пяти тысяч доменов со средней стоимостью $2173. Такого
Подробнее![[Перевод] Руководство по цветовым функциям CSS](https://habrastorage.org/webt/hc/mt/ad/hcmtad9rq2_6tz1jnu0o3xjuzwk.png)
Возможно, вы использовали CSS для изменения цвета элемента на веб-странице, но слышали ли вы что-нибудь о цветовых функциях CSS? Если нет, то из этой статьи узнаете нечто новое и крайне полезное! Что такое цветовые функции CSS? Цветовые функции CSS (CSS color functions) — это способ задания цвета в CSS при помощи математических функций, а не простого кода цвета. Функции обеспечивают больше контроля и гибкости при работе с цветами, используемыми в таблице стилей. При помощи цветовых…
Подробнее
Size container queries и container query units недавно достигли стабильной поддержки во всех современных браузерных движках. Читать далее
Подробнее![[Перевод] Руководство по реализации отзывчивого дизайна в 2023 году](https://habrastorage.org/webt/aq/ig/zl/aqigzl7sg2fpfqea_-mzrifvr_4.png)
Сегодня построение отзывчивых макетов уже не основывается на контрольных точках (breakpoints) с фиксированной шириной. Вместо этого современные макеты должны работать на устройствах практически любого размера. Однако, к своему удивлению, я всё ещё встречаю сайты, где используется паттерн отзывчивого дизайна – когда присутствует контейнер, получающий новое значение max-width в соответствии с шириной области просмотра. Термин «отзывчивый» сегодня отражает уже очень многое. У нас есть…
Подробнее
Мне часто задают вопрос: Возможно ли создать тени из градиентов, а не из сплошных цветов? В СSS не существует конкретного свойства для этого (поверьте мне, я проверял), а в любом посте по этой теме содержится только множество хитростей для того, чтобы получить что-то похожее на градиент. В этой статье я расскажу вам о некоторых из них. Но для начала… ещё одна статья о градиентных тенях? Серьёзно? Читать дальше →
Подробнее
Наверное, только совсем далекий от интернета человек еще не слышал о недавней утечке данных из Яндекса. Естественно, такое событие не могло не поднять ажиотаж на рынке SEO. Многие сеошники начали искать, чем бы можно поживиться в 40+ гигабайтах утекших данных. Первым объектом стал файл factors_gen.txt со списком 1922 факторов ранжирования. Добыча была, прямо сказать, не слишком жирная, так как кроме краткого описания факторов в списке ничего не было. И понять, насколько важен тот или
Подробнее
Сделать сайт удобным и понятным для посетителей, а также оптимизированным для поисковых систем — задача каждого SEO‑специалиста. Одним из ключевых элементов, влияющих на эти факторы, является структура сайта. Сегодня мы поговорим о том, как сделать структуру сайта по SILO методу, чтобы улучшить его позиции в поисковых системах и увеличить трафик. Читать далее
Подробнее
Lighthouse - это инструмент для аудита веб-сайтов, который помогает разработчикам с помощью возможностей и диагностики улучшить пользовательский опыт их сайтов. Lighthouse 10 доступен в командной строке через npm и в Chrome Canary. В ближайшие недели он появится в стабильном Chrome в Chrome 112 и в PageSpeed Insights. Читать далее
Подробнее![[Перевод] Прокачиваем навыки CSS с помощью селектора :has()](https://habrastorage.org/webt/6l/si/tk/6lsitknanqlqucpeyu6efsothve.png)
Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, посвященной продвинутому использованию нового CSS-селектора :has(). :has() предоставляет возможность "заглядывать вперед" с помощью CSS и стилизовать родительский элемент (предка). Этот селектор может быть легко расширен для стилизации одного или нескольких дочерних элементов (потомков). Регистрация состояний или позиций элемента позволяет стилизовать почти любую комбинацию элементов как уникальных…
Подробнее![[Перевод] Условные выражения в CSS](https://habrastorage.org/webt/od/j4/cd/odj4cdqkszr4exf6muavvgk6d3s.jpeg)
Мне нравится думать о CSS как о языке дизайна с условными выражениями. На протяжении многих лет CSS был известен как способ стилизации веб-страниц. Однако сегодня этот язык эволюционировал настолько, что в нём уже есть правила условных выражений. Любопытно то, что эти правила реализуются не напрямую (например, в CSS всё ещё нет if/else). Инструменты дизайна наподобие Figma, Sketch и Adobe XD сильно облегчили жизнь дизайнеров, однако им всё равно не хватает той гибкости, которая есть у CSS.
Подробнее
Недавно в LinkedIn встретился очень любопытный пост. Пост был с картинками. На картинках были интерфейсы приложения погоды. Автор поста очень точно подметила — это не совсем про дизайн. Я скажу больше — это совсем не про дизайн. Искусственный интеллект никогда не научится создавать такие штуки как, например, интерфейсы и UI-Kit-ы, не говоря уже о создании и внедрении дизайн-систем в правильном их понимании. Дизайн-систем в мире хватает, и они постоянно развиваются — дополняются и улучшаются.
Подробнее
Всем привет! Я в веб-разработке не так давно. Сейчас я пишу свой сайт, который будет выступать в качестве моего портфолио и, возможно, даже целого проекта. При добавлении модального окна для авторизации на свой сайт, я подумал, а что будет, если публиковать подобные модульные вещи, чтобы любой человек мог их скопировать и не думать о них, а использовать в разработке. То есть создать готовый модуль для встраивания. Мне, как разработчику было бы удобно использовать готовое решение, тем
Подробнее