Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Подробнее![[Из песочницы] Организация кнопок на сайте с помощью Sass](https://habrastorage.org/files/15b/5bb/ed8/15b5bbed80524f0b80a6d075fc5b4294.png)
Довольно часто наши любимые дизайнеры делают в макетах кнопки разных размеров и величин, некоторые из которых повторяются, некоторые нет. Неплохо было бы организовать систему для быстрого добавления и редактирования этих самых кнопок, в чем на могут помочь sass @extends. Приведу небольшую иллюстрацию кнопок в типичном проекте.
Подробнее![[Перевод] Режим читателя: Пагинация в мобильных email-письмах](https://habrastorage.org/files/7d1/b82/b97/7d1b82b9722543519b2397184e597488.gif)
В блоге FreshInbox опубликован пост об интересной экспериментальной техники реализации пагинации в письмах мобильных почтовых рассылок. Ее использование позволяет создавать письма, получатели которых могут перемещаться по контенту без необходимости скроллинга. Развитие адаптивного дизайна сделало чтение писем на мобильных устройствах легче. С другой стороны, побочным эффектом стал тот факт, что для чтения «массивных» писем теперь нужно много скроллить. В итоге до конца послания добираются
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости. Источник: Уроки CSS на Хабрахабре
Подробнее
В нашем блоге мы часто пишем о создании адаптивных почтовых рассылок ( раз , два , три ) и вообще уделяем большое внимание email-верстке . Сегодня речь пойдет о способе создания адаптивных писем для почтового клиента Gmail, известного своей довольно скудной поддержкой различных возможностей для верстки. Данную технику в 2014 году описал Джастин Ку (Justin Khoo), позднее метод был дополнен статьей Марка Роббинса в блоге Email Code Geek. Мы представляем вашему вниманию адаптированный перевод
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Источник: Уроки CSS на Хабрахабре
Подробнее![[Перевод] 12 малоизвестных фактов о CSS (продолжение)](https://habrastorage.org/files/f50/157/c62/f50157c62f3444ae8e82acdea5745673.png)
Больше года назад я опубликовал 12 малоизвестных фактов о CSS (перевод на хабре), и по сей день это была одна из самых популярных статей на SitePoint. С тех пор я собирал больше интересностей и маленьких советов по CSS для новой публикации. Мы же все знаем, что каждый успешный фильм должен способствовать выходу новомодного сиквела, верно? Автор иллюстрации SitePoint/Natalia Balska. Итак, давайте посмотрим на подборку уже этого года дюжины малоизвестных фактов о CSS. Я уверен, что многим из вас
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Источник: Уроки CSS на Хабрахабре
Подробнее
Хабровчане, всех с пятницей! Сейчас у подавляющего большинства читателей хабра рабочий день уже закончился, поэтому можно расслабиться и немного отвлечься от серьезных тем. Вы знали, что на css можно каламбурить? На кдпв один из примеров, а под катом небольшая простыня специфических css шуток. Читать дальше → ... Источник: Уроки CSS на Хабрахабре
Подробнее
Вот уже полгода прошло с появления на свет самой первой версии браузера Вивальди. За этот период группа разработчиков многое успела сделать и добавить, радуя пользователей еженедельными билдами. Прогресс виден налицо. А совсем скоро подтянется и Technical Preview 4. Но многим пользователям до сих пор не хватает каких-то фич. И пока разработчики браузера заняты совсем другим, мы попытаемся кое-что реализовать сами. Эта статья является неким сборником некоторых функций, расширяющих возможности
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Некоторое время назад появилась задача для дизайнера сделать стилизованный под дикий запад сайт. Мне, как верстальщику, пришла задача от дизайнера сделать картинки и некоторые бэкграунды, стилизованные под дикозападские вывески. На каждой странице в неизвестном количестве и неизвестных размеров. Задача усугублялась сложным фоном и необходимостью прозрачных дырок в изображениях. Т.е. нужно было использовать border-radius:inset, которого, как оказалось, не существует… Нарезать кучу картинок под
Подробнее