![[Из песочницы] Все об SVG анимации](https://habrastorage.org/webt/mf/lw/hk/mflwhklk-vn1e_k1d-qw7am4toy.jpeg)
В данной статье я хочу осветить тонкости работы с SVG-графикой, SVG анимация (в том числе и path), проблемы и способы их решения, а также разнообразные подводные камни, коих в SVG огромное множество. Эту статью я позиционирую как подробное руководство. Здесь не будет никаких плагинов, библиотек и прочего, речь пойдет только о чистом SVG. Единственный инструмент, который я буду использовать, это Adobe Illustrator. Получить сакральные знания
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[recovery mode] 10 нестандартных способов навредить SEO при смене CMS (+1 бонусный)](/uploads/habrahabr_logo.png){kind=logo}
В этой статье расскажу о тех проблемах, которые возникают, когда сайт меняет движок, а контроль SEO-специалиста при этом отсутствует. Материал будет полезен тем, кто самостоятельно продвигает свой сайт, а для коллег может стать лишним поводом освежить в голове знания (а может добавить в комментариях что-то новое). Читать дальше →
Подробнее![[recovery mode] Кейс. С 0 до 81 % семантики в ТОП за 2 дня](https://habrastorage.org/webt/ot/la/gt/otlagtxtixyofno953k7-b6v59w.png)
Работу с клиентом начали в декабре 2017 г. Регион – Москва. Сайт был создан ещё раньше, где-то в начале года. Но не был оптимизирован. Скажу сразу, за 2 дня в ТОП – это для красивого заголовка, а далее пруф для затравки. Читать дальше →
Подробнее
Автор курса Нетологии «HTML-верстка», Стас Мельников, показал пример верстки виджета, который можно встроить на сторонний сайт. В прошлый раз мы рассказали, что такое пользовательские свойства, а сейчас на примере сайта NHL покажем, как с их помощью встроить кастомную ссылку. Читать дальше →
Подробнее![[Перевод] Grid или Flexbox?](https://habrastorage.org/webt/4p/at/6z/4pat6zgwycemjrtkqydjivtjw7s.png)
Мишель Баркер, автор материала, перевод которого мы сегодня публикуем, говорит, что недавнее обсуждение в Twitter, начатое Крисом Койером, заставило её задуматься о том, как веб-разработчики делают выбор между технологиями CSS Grid Layout и CSS Flexbox Layout при разработке макетов. Крис Койер в своём твите задал аудитории вопрос о том, как те, кто знает о том, что такое Grid и Flexbox, предпочитают объяснять разницу между этими технологиями. Среди ответов на этот вопрос, что, по словам…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[recovery mode] Одна задача из SEO рутины: решение в 3 шага](https://habrastorage.org/webt/zv/lx/mh/zvlxmh7xqi-n-rzfivmhjgyapta.png)
По правде говоря, это не «бомбический» кейс, а стандартная ситуация в SEO и её обычное решение. Из таких ситуаций состоит большая часть работы. В данном случае, статья будет интересна владельцам интернет магазинов. Сайт клиента в один момент сильно потерял в позициях. Как следствие – меньше трафика и звонков. Рассказ про типичную проблему и её решение. Читать дальше →
Подробнее
С клиентом начали работать в конце 2016 г. Первоначально бюджет на продвижение составлял 18 000 р. в месяц. Сайт на тот момент только сделали, оптимизация была на слабом уровне. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Кстати, на днях этому дайджесту исполнилось 7 лет. Спасибо всем причастным :) Читать дальше →
Подробнее
Категории, они же разделы каталога, порой играют ключевую роль в продвижении сайта. Сюда посетители заходят напрямую из поисковиков. От того, насколько правильно и корректно вы оптимизировали эти страницы, зависит практически 90% успеха продвижения. За годы работы мы в AlkoDesign продвинули десятки таких проектов. В этой статье мы решили поделиться своим видением об идеальной оптимизации категорий интернет-магазина: разберем каждый пункт, а в конце статьи вас ждет шаблон-шпаргалка.
Подробнее