Основное

Как настроить SEO при создании сайтов самостоятельно?

Как настроить SEO при создании сайтов самостоятельно?

Привет, Хабр! Я — Марина, специалист по продвижению сайтов в Selectel. В тексте расскажу, как правильно настроить SEO-параметры для разных типов веб-ресурсов на этапе их создания. Пригодится вебмастерам, маркетологам и всем, кто работает с сайтами. Ранее мы выпустили текст о том, как разработать HTML-шаблон страницы с учетом SEO. Моя статья ориентирована больше на оптимизацию разных типов сайтов, а не код. Читать дальше →

Подробнее
Тыц-Пыц — Заявок с сайта НЕТ: Ошибки ценой в 100+ тысяч рублей

Тыц-Пыц — Заявок с сайта НЕТ: Ошибки ценой в 100+ тысяч рублей

Ошибки ценой в 100-200 тысяч рублей с крайних консультаций по продвижению сайтов. Разбор проблем и причины, почему заявок не стало. Рекомендации, что делать, чтобы не потерять прибыль. Читать далее

Подробнее
Factor and Block CSS — методология CSS

Factor and Block CSS — методология CSS

Hello, Developers!! Сегодня я расскажу о новой методологии для CSS, которая поможет вам сэкономить время на чтение и редактирование CSS-файлов. Методологию я придумал сам, если будут какие-то идеи, как улучшить её, буду рад обсудить это с вами в комментариях. Давайте же начнем. Читать далее

Подробнее
Полный гайд по CSS Flexbox с примерами из практики

Полный гайд по CSS Flexbox с примерами из практики

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

Подробнее
Кейс: SEO продвижение интернет-магазина женской одежды или как увеличить посещаемость сайта на 737% менее чем за год

Кейс: SEO продвижение интернет-магазина женской одежды или как увеличить посещаемость сайта на 737% менее чем за год

Статистика: рост от 26 300 до 220 тысяч посетителей в месяц Вид бизнеса: электронная коммерция Ниша: женская одежда Отчётная дата: январь 2024 В конкурентном мире онлайн-моды даже признанным брендам приходится бороться за покупателей. Sachin & Babi , ритейлер элитной одежды и аксессуаров, столкнулся именно с этим вызовом. Трафик на сайте стагнировал и едва достигал 20 тысяч посещений в месяц. Но в конце 2023 года они совершили прорыв, доведя посещаемость в январе 2024 года до…

Подробнее
Шпаргалка по XPath и CSS-селекторам

Шпаргалка по XPath и CSS-селекторам

Для написания автотестов используются XPath и CSS-селекторы. Они помогают найти элемент на странице, чтобы потом с ним как-то взаимодействовать (кликнуть, ввести текст, или что-то другое). Я видела много статей о том, что это вообще такое, но мне очень не хватало шпаргалки по разным селекторам, причем в разрезе «Вот он в CSS и он же в XPath» для сравнения. А мне такое для студентов надо. Поэтому решила сделать сама. Вдохновлялась страничкой «Xpath cheatsheet», но сделала на свой вкус —…

Подробнее
Как стать Frontend разработчиком: подробное руководство по началу карьеры

Как стать Frontend разработчиком: подробное руководство по началу карьеры

Добро пожаловать, в захватывающий мир frontend разработки! В этой статье я помогу вам разобраться в сложной и динамичной области, предоставив подробное руководство по изучению необходимых технологий и освоению навыков Frontend разработчика. Вы узнаете, какие инструменты и ресурсы использовать для эффективного освоения профессии, и как поэтапно углубляться в различные аспекты frontend разработки. В конечном итоге, вы сможете создавать интерактивные и визуально привлекательные веб-сайты,

Подробнее
Новые функции CSS (mod, round) или как сделать анимированные Sprite Sheet без JS

Новые функции CSS (mod, round) или как сделать анимированные Sprite Sheet без JS

Sprite Sheet — это техника в веб-разработке, позволяющая использовать множество различных кадров анимации, хранящихся в одном изображении. Это эффективный способ уменьшить количество HTTP-запросов к серверу и ускорить загрузку веб-страницы, так как все кадры анимации загружаются одновременно. (базовое определение которое дает чатгпт) Читать далее

Подробнее
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 8

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 8

Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке. Сегодня мы рассмотрим следующие аспекты: какие скрытые проблемы с паттерном «visually-hidden» нас ждут; в каких ситуациях кнопка «Закрыть» указывает на выход; чем вредно значение contents у свойства display; почему подсказка с помощью…

Подробнее
[Перевод] 37 Советов от Senior Frontend Разработчика. Для начинающих

[Перевод] 37 Советов от Senior Frontend Разработчика. Для начинающих

Мне очень понравился пост abbeyperini, и я решил поделиться своими советами после более чем 5-летнего опыта работы разработчиком программного обеспечения. Готовы? Давайте погрузимся 💪. 1. Освойте основы Дом, построенный на шатком фундаменте, развалится при малейшей проблеме. Аналогично, если у вас нет прочных основ: Читать далее

Подробнее
[Перевод] Анимации CSS, основанные на времени

[Перевод] Анимации CSS, основанные на времени

Демонстрация анимаций В моем предыдущем посте Time Uniform For CSS Animation я рассказал о способе создания CSS-анимации с использованием тиков вместо ключевых кадров. Он был ограничен в применении, поскольку в CSS отсутствовала возможность выполнять сложные математические вычисления. После долгих лет ожидания в CSS теперь поддерживается достаточное количество математических функций, в частности, mod(), round() и тригонометрические функции. Пришло время вернуться к анимации, основанной

Подробнее
Путь Frontend разработчика. Как им стать? (Часть 1. Основы)

Путь Frontend разработчика. Как им стать? (Часть 1. Основы)

Программа обучения Frontend-разработке. Frontend-разработчик — это специалист, который занимается созданием пользовательского интерфейса веб-приложений. Он отвечает за то, чтобы веб-сайт или веб-приложение выглядело хорошо и функционировало безупречно для пользователей. Frontend-разработчик обеспечивает взаимодействие пользователей с веб-приложением, создавая удобный, интуитивно понятный интерфейс, который обеспечивает приятный опыт использования. Читать далее

Подробнее