![[Из песочницы] Пять причин провала SEO. Анализ неудачного опыта продвижения с примерами](/uploads/habrahabr_logo.png){kind=logo}
В этом материале я решил попробовать структурировать тот опыт, который накопился за почти 15 лет активной работы с клиентскими проектами. Что-то из перечисленного нашей компании пришлось пережить и осмыслить на своих ошибках, где-то для понимания хватило чужих. Сегодня, когда к нам обращаются за продвижением клиенты, имеющие негативный опыт заказа SEO у других компаний, нас достаточно сложно удивить. Разве что тем, какие причудливые и нелепые внешние формы могут возникать во
Подробнее
Привет, Хабр! Давно я сюда ничего не писал, со времён моего золотого поста про переход Opera на WebKit прошло уже пять лет. Но тут появился повод: завёл себе блог на Ютубе. Чтобы понять, зачем и что это такое — смотрите пилот. Если коротко: чтобы разбирать сайты и отвечать на вопросы. А сейчас перед вами 9-й выпуск с ответами на вопросы. Под катом подробности, ссылки, почта для связи и спойлер с остальными видео. Если меня здесь не съедят живьём — буду продолжать постить сюда раз в
Подробнее
Верстать электронные письма — это боль. Верстать и тестировать адаптивные письма с интерактивом (например, с формами и слайдерами) — боль в квадрате. Однако, не всё не так плохо, если выбрать правильные инструменты. В статье расскажу об email-фреймворках — MJML и Foundation for Emails — и моих любимых ресурсах для тестирования рассылки — Litmus и Email On Acid. Победить Outlook
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Создание адаптивных изображений](https://habrastorage.org/webt/-x/50/yq/-x50yqfjm4pdpd_lnxcmfirlp-m.png)
В Интернете найдется немало статей, посвященных адаптивным логотипам. Наиболее популярным примером является сайт Responsive Logos, который показывает различные варианты известных логотипов для разных размеров экрана. Когда я впервые увидел это, я подумал, что это не более, чем просто ловкий трюк. В конце концов, это просто div для спрайта большого изображения в качестве фона. Так было до того момента, пока я не услышал доклад на Smashing Conference от MikeRiethmuller под названием «За
Подробнее![[Перевод] Советы по CSS, которые вы вряд ли найдете в самоучителях](https://habrastorage.org/webt/yr/cf/bz/yrcfbzw1tfnbv9elyr8litulks4.jpeg)
Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не найдете в пособиях, но столкнетесь с ними, как только начнете писать код. Я уверен, вы уже разобрались в том, как выровнять элемент по вертикали или создать сложный макет. Мы не будем об этом говорить. Наконец, есть правила CSS, которые вы вряд ли видели в руководствах, и о которых можно просто не знать. На протяжении некоторого времени я собирал эти советы и сейчас решил…
Подробнее![[Перевод] Как я создал меняющую настроения анимацию с помощью масок CSS](https://habrastorage.org/webt/io/qe/6b/ioqe6bjn5l35asbxmqwjidk8yus.jpeg)
Помните мультфильмы, которые мы смотрели в детстве? В то время они были олицетворением анимации. Сейчас анимация – это не только мультфильмы, мы встречаем ее почти каждый день, проверяя телефон или используя любое устройство, имеющее экран. Сегодня анимация используется не только для привлечения внимания, но и для улучшения взаимодействия с пользователем, облегчения навигации. В любом хорошем дизайне анимацию добавляют таким образом, чтобы она сочеталась с общей концепцией, создавая тем
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Из песочницы] Как я создал «визард» для WordPress от своей глубокой лени](https://habrastorage.org/webt/lg/ky/v9/lgkyv9dvmw_y5lhzghjrrhezix0.jpeg)
Привет всем. Все мы любим автоматизацию процессов в нашей жизни. Я также не стал исключением. Ведь лень двигатель прогресса, поэтому и пишу сей пост. Начну сначала: На сегодняшний день я работаю QA (куа) тестером в компании TemplateMonster в отделе Wordpress. Никогда не думал до этого, что от установок чистого WordPress движка (далее WP) для тестирования шаблонов, может начать тошнить. Особенно когда количество установок за день переваливает за 20. Вот однажды в один из таких дней и…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Из песочницы] Responsive design: сохранение формы элементов разметки](https://habrastorage.org/webt/yy/rz/gk/yyrzgkwwczb98zethyy9g8eiklq.jpeg)
Одним из приемов адаптивного веб-дизайна является установка размеров элементов разметки в процентах относительно размеров контейнера их содержащего. Тем самым достигается пропорциональное изменение размеров всех элементов при изменении размеров окна браузера. Если задаются только горизонтальные размеры, как, например, при верстке страницы, когда важно правильно разместить элементы по горизонтали, мы можем очевидным образом предсказать, каковы будут действительные горизонтальные размеры…
Подробнее
Переезд или миграция сайта — событие, которое сулит существенные выгоды в долгосрочной перспективе и не менее существенные хлопоты — в краткосрочной. Увы, избежать последних абсолютно невозможно, но при этом вполне реально заблаговременно продумать, как и в какой последовательности с ними следует справляться. Если малейшее упоминание грядущего переезда вызывает у вас дрожь и неумолимое желание уехать на край света, предварительно выбросив ноутбук в окно, наш чеклист по переезду
Подробнее