[Перевод] Что такое Style Queries?

Size container queries и container query units недавно достигли стабильной поддержки во всех современных браузерных движках. Читать далее

Подробнее

[Перевод] Руководство по реализации отзывчивого дизайна в 2023 году

Сегодня построение отзывчивых макетов уже не основывается на контрольных точках (breakpoints) с фиксированной шириной. Вместо этого современные макеты должны работать на устройствах практически любого размера. Однако, к своему удивлению, я всё ещё встречаю сайты, где используется паттерн отзывчивого дизайна – когда присутствует контейнер, получающий новое значение max-width в соответствии с шириной области просмотра. Термин «отзывчивый» сегодня отражает уже очень многое. У нас есть…

Подробнее

[Перевод] Градиентные тени на CSS

Мне часто задают вопрос: Возможно ли создать тени из градиентов, а не из сплошных цветов? В СSS не существует конкретного свойства для этого (поверьте мне, я проверял), а в любом посте по этой теме содержится только множество хитростей для того, чтобы получить что-то похожее на градиент. В этой статье я расскажу вам о некоторых из них. Но для начала… ещё одна статья о градиентных тенях? Серьёзно? Читать дальше →

Подробнее

Как сеошники Матрикснет вскрывали

Наверное, только совсем далекий от интернета человек еще не слышал о недавней утечке данных из Яндекса. Естественно, такое событие не могло не поднять ажиотаж на рынке SEO. Многие сеошники начали искать, чем бы можно поживиться в 40+ гигабайтах утекших данных. Первым объектом стал файл factors_gen.txt со списком 1922 факторов ранжирования. Добыча была, прямо сказать, не слишком жирная, так как кроме краткого описания факторов в списке ничего не было. И понять, насколько важен тот или

Подробнее

Как сделать SILO-структуру сайта

Сделать сайт удобным и понятным для посетителей, а также оптимизированным для поисковых систем — задача каждого SEO‑специалиста. Одним из ключевых элементов, влияющих на эти факторы, является структура сайта. Сегодня мы поговорим о том, как сделать структуру сайта по SILO методу, чтобы улучшить его позиции в поисковых системах и увеличить трафик. Читать далее

Подробнее

[Перевод] Что нового в Lighthouse 10

Lighthouse - это инструмент для аудита веб-сайтов, который помогает разработчикам с помощью возможностей и диагностики улучшить пользовательский опыт их сайтов. Lighthouse 10 доступен в командной строке через npm и в Chrome Canary. В ближайшие недели он появится в стабильном Chrome в Chrome 112 и в PageSpeed Insights. Читать далее

Подробнее

СТС Project - Перемещение и такелаж тяжелого и негабаритного оборудования

Команда СТС Проджект более 10 лет успешно осуществляет проекты во всех отраслях тяжелой промышленности. Отличительной особенностью проектов является работа с негабаритными, тяжеловесными грузами. Сайт-портфолио с примерами перемещения особо сложных грузов по территории России.

Подробнее

[Перевод] Прокачиваем навыки CSS с помощью селектора :has()

Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, посвященной продвинутому использованию нового CSS-селектора :has(). :has() предоставляет возможность "заглядывать вперед" с помощью CSS и стилизовать родительский элемент (предка). Этот селектор может быть легко расширен для стилизации одного или нескольких дочерних элементов (потомков). Регистрация состояний или позиций элемента позволяет стилизовать почти любую комбинацию элементов как уникальных…

Подробнее

[Перевод] Условные выражения в CSS

Мне нравится думать о CSS как о языке дизайна с условными выражениями. На протяжении многих лет CSS был известен как способ стилизации веб-страниц. Однако сегодня этот язык эволюционировал настолько, что в нём уже есть правила условных выражений. Любопытно то, что эти правила реализуются не напрямую (например, в CSS всё ещё нет if/else). Инструменты дизайна наподобие Figma, Sketch и Adobe XD сильно облегчили жизнь дизайнеров, однако им всё равно не хватает той гибкости, которая есть у CSS.

Подробнее

Artificial & Intelligence

Недавно в LinkedIn встретился очень любопытный пост. Пост был с картинками. На картинках были интерфейсы приложения погоды. Автор поста очень точно подметила — это не совсем про дизайн. Я скажу больше — это совсем не про дизайн. Искусственный интеллект никогда не научится создавать такие штуки как, например, интерфейсы и UI-Kit-ы, не говоря уже о создании и внедрении дизайн-систем в правильном их понимании. Дизайн-систем в мире хватает, и они постоянно развиваются — дополняются и улучшаются.

Подробнее

Модальное окно на чистом CSS и JS

Всем привет! Я в веб-разработке не так давно. Сейчас я пишу свой сайт, который будет выступать в качестве моего портфолио и, возможно, даже целого проекта. При добавлении модального окна для авторизации на свой сайт, я подумал, а что будет, если публиковать подобные модульные вещи, чтобы любой человек мог их скопировать и не думать о них, а использовать в разработке. То есть создать готовый модуль для встраивания. Мне, как разработчику было бы удобно использовать готовое решение, тем

Подробнее

Автоматизация маркетинга и продаж: 900+ заявок ежемесячно

После всем известных событий некоторые каналы привлечения платного трафика стали недоступны или существенно снизилась их отдача. Мы в Completo более активно стали привлекать клиентов с помощью других инструментов. Это позволило не просесть по лидам. В результате мы получаем от 900 до 1200 MQL ежемесячно, в том числе благодаря автоматизации процессов. В этом материале делимся опытом и рассказываем, как работает автоматизация у нас. Читать далее

Подробнее