[Перевод] Тестирование вёрстки на визуальные регрессии с помощью PhantomCSS

[Перевод] Тестирование вёрстки на визуальные регрессии с помощью PhantomCSS

Работа с чужим кодом — одна из распространенных и сложных проблем, с которыми мне приходилось сталкиваться в своей работе. Почти в каждом случае предыдущий разработчик писал код не так, как бы мне этого хотелось. И такие ситуации возникают довольно часто. Не каждый клиент имеет потребность, желание или бюджет переписывать весь проект с нуля. Недавно наша команда получила код от нового клиента, и нам было поручено после небольшого рефакторинга быстро переходить к реализации нового функционала.

Подробнее
[Из песочницы] Прогулка с динозаврами: как я адаптировал веб-приложение под IE 7

[Из песочницы] Прогулка с динозаврами: как я адаптировал веб-приложение под IE 7

Недавно я решил отправить свой проект, над которым работал в свободное время последние несколько лет, на конкурс в одну компанию. Я сел и стал думать, нет ли каких-то нюансов, которые я не учёл, и которые могут испортить впечатление и уменьшить шансы на успех. И первое, что мне пришло в голову — проект не работает под IE ниже 9 версии. То есть совсем, там стояла блокировка. После логина появлялось окошко с красивым предупреждением, что браузер не поддерживается, и пользователя опять

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №186 (15 — 22 ноября 2015)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №186 (15 — 22 ноября 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Подробнее
[Из песочницы] Организация кнопок на сайте с помощью Sass

[Из песочницы] Организация кнопок на сайте с помощью Sass

Довольно часто наши любимые дизайнеры делают в макетах кнопки разных размеров и величин, некоторые из которых повторяются, некоторые нет. Неплохо было бы организовать систему для быстрого добавления и редактирования этих самых кнопок, в чем на могут помочь sass @extends. Приведу небольшую иллюстрацию кнопок в типичном проекте.

Подробнее
[Перевод] Режим читателя: Пагинация в мобильных email-письмах

[Перевод] Режим читателя: Пагинация в мобильных email-письмах

В блоге FreshInbox опубликован пост об интересной экспериментальной техники реализации пагинации в письмах мобильных почтовых рассылок. Ее использование позволяет создавать письма, получатели которых могут перемещаться по контенту без необходимости скроллинга. Развитие адаптивного дизайна сделало чтение писем на мобильных устройствах легче. С другой стороны, побочным эффектом стал тот факт, что для чтения «массивных» писем теперь нужно много скроллить. В итоге до конца послания добираются

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №170 (26 июля — 2 августа 2015)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №170 (26 июля — 2 августа 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.  Источник: Уроки CSS на Хабрахабре

Подробнее
How-to: адаптивные письма в Gmail

How-to: адаптивные письма в Gmail

В нашем блоге мы часто пишем о создании адаптивных почтовых рассылок ( раз , два , три ) и вообще уделяем большое внимание email-верстке . Сегодня речь пойдет о способе создания адаптивных писем для почтового клиента Gmail, известного своей довольно скудной поддержкой различных возможностей для верстки. Данную технику в 2014 году описал Джастин Ку (Justin Khoo), позднее метод был дополнен статьей Марка Роббинса в блоге Email Code Geek. Мы представляем вашему вниманию адаптированный перевод

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №169 (19 — 25 июля 2015)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №169 (19 — 25 июля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости  Источник: Уроки CSS на Хабрахабре

Подробнее
[Перевод] 12 малоизвестных фактов о CSS (продолжение)

[Перевод] 12 малоизвестных фактов о CSS (продолжение)

Больше года назад я опубликовал 12 малоизвестных фактов о CSS (перевод на хабре), и по сей день это была одна из самых популярных статей на SitePoint. С тех пор я собирал больше интересностей и маленьких советов по CSS для новой публикации. Мы же все знаем, что каждый успешный фильм должен способствовать выходу новомодного сиквела, верно? Автор иллюстрации SitePoint/Natalia Balska. Итак, давайте посмотрим на подборку уже этого года дюжины малоизвестных фактов о CSS. Я уверен, что многим из вас

Подробнее
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №167 (29 июня — 4 июля 2015)

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №167 (29 июня — 4 июля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости  Источник: Уроки CSS на Хабрахабре

Подробнее
Каламбуры на css

Каламбуры на css

Хабровчане, всех с пятницей! Сейчас у подавляющего большинства читателей хабра рабочий день уже закончился, поэтому можно расслабиться и немного отвлечься от серьезных тем. Вы знали, что на css можно каламбурить? На кдпв один из примеров, а под катом небольшая простыня специфических css шуток. Читать дальше → ...  Источник: Уроки CSS на Хабрахабре

Подробнее
Продолжаем расширять функционал браузера Vivaldi

Продолжаем расширять функционал браузера Vivaldi

Вот уже полгода прошло с появления на свет самой первой версии браузера Вивальди. За этот период группа разработчиков многое успела сделать и добавить, радуя пользователей еженедельными билдами. Прогресс виден налицо. А совсем скоро подтянется и Technical Preview 4. Но многим пользователям до сих пор не хватает каких-то фич. И пока разработчики браузера заняты совсем другим, мы попытаемся кое-что реализовать сами. Эта статья является неким сборником некоторых функций, расширяющих возможности

Подробнее