Поиск по теме: адаптивная верстка

17 августа

Продолжая серию статей "для начинающих", хочу рассказать про верстку модальных окон.

На всякий случай поясню, что под модальными (popup) окнами понимаются слои, которыенакладываются на все остальные и требуют какого-либо действия от пользователя - что-то ввести, что-то подтвердить или отклонить и т.д. Тоесть функционально это либо "отдельное окно" внутри основного окна или alert\confirm окно.

На первый взгляд, что может быть проще - блок с фиксированный позиционированием и все. Но здесь есть свои нюансы, о которых и пойдет речь.

Демо Скачать

 
17 августа

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

Идея алгоритма была позаимствована у Алексей @Squier и его статьи "Красивый вывод изображений".

На мой взгляд, решение данной задачи на стороне сервера не совсем правильно, особенно если речь идет о современном адаптивном сайте.

Поэтому для решения этой задачи напсал небольшой плагин для jQuery.

Демо1 Демо2 Скачать

 
17 августа

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

 
17 августа

Предисловие

Любой интернет-проект, или компания, представленная в глобальной сети рано или поздно сталкивается с задачей разработки собственной емайл-рассылки. Это могут быть как обычные уведомления о сделанном заказе или смене пароля так и сложные цепочки писем, призванные выстроить доверительное отношение с подписчиком. И каким бы интересным ни был дизайн, насколько актуальна ни была бы предлагаемая тема, в конечном итоге пользователь видит результат верстки письма, и от того насколько качественно она выполнена зависит восприятие подписчиком рассылки и компании в целом.

Предлагаю рассмотреть все тонкости и нюансы верстки html-писем – от простых шаблоных решений, до современных адаптивных подходов.

 
17 августа
Данная статья устарела и, вероятно, не в полной мере отражает текущее состояние вещей, поэтому рекомендую ознакомиться с новой статьей на эту же тему: Верстка писем. Полная версия

Верстка HTML писем для мобильных устройств

При создании профессиональных рассылок следует учитывать особенности своей аудитории. Как показывает статистика, чем она моложе, тем больше процент открытий писем с мобильных устройств. В среднем, около 30% всех подписчиков используют мобильные устройства для просмотра своей корреспонденции. Это весьма значимая доля, а значит нужно учитывать сей факт при создании своих рассылок.
Сегодня речь пойдет о верстке адаптивных писем.