Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html»
Responsive Email Design, или Как прочитать письмо на холодильнике 2013-05-23 12:41:24
+ развернуть текст сохранённая копия
Для нас, как и для большинства социальных сетей, очень важны email-рассылки. Одной из интересных и сложных технических задач является корректное отображение писем на мобильных устройствах. Сейчас около 23% писем Badoo открывается именно на них, и это число постоянно увеличивается. А возможно, кто-то прямо сейчас читает наше письмо на своем интернет-холодильнике.
Сегодня мы расскажем, каких правил придерживаться в разработке электронных писем, как сохранить их юзабилити на мобильных устройствах, а также поделимся своими хитростями, накопленными в процессе работы.
Требования
С какими проблемами мы столкнулись и какие требования предъявляются к нашим письмам:
- письма должны корректно отображаться в множестве разных почтовых клиентов и браузеров;
- они должны быть оптимизированы под различные устройства на платформах iOS и Andriod (смартфоны с большим, средним и малым разрешением экрана; планшетные компьютеры);
- нужна обязательная поддержка Outlook 2003/2007/2010, т.к. он занимает большой сегмент использования;
- редактирование компонентов, которые применяются еще в 50 шаблонах писем;
- необходимо создавать универсальные блоки, которые будут подстраиваться под ситуацию, т.к. в письмах данные имеют динамическую структуру (например, письма переводят на 44 языка, в них меняются размеры блоков, изображений, размер текста).
Читать дальше →
Тэги: android, badoo, css, html, ios, media, query, баду, блог, веб-разработка, интерфейс, компания, мобильный, оптимизация, письмо, рассылка
Тема Вордпресс детской тематики 2013-05-22 23:28:03
Хорошая тема Вордпресс детской тематики продолжает наше знакомство с технологией от The ...
+ развернуть текст сохранённая копия
Хорошая тема Вордпресс детской тематики продолжает наше знакомство с технологией от The Templateer. С помощью которой любой шаблон Вордпресс превратится в элегантный и функциональный инструмент по созданию своего профессионального сайта. И так, этот шаблон подойдет как для своеобразного детского магазина, так и для своей странички про Вашего ребенка, или же для полноценного ресурса о [...]
Тэги: html, виджетами, виджеты, детский, дом, желтый, магазин, светлый, семья
15 урок. Создание чекбоксов в HTML. 2013-05-21 06:47:52
... для урока по HTML Давайте для примера ...
+ развернуть текст сохранённая копия
Целью данного урока будет создание чекбоксов. Это альтернатива радиокнопкам, только в этом случае возможно выделять несколько элементов. Ссылка на файл, с которым ведется работа: Файл для урока по HTML Давайте для примера создадим новый абзац и спросим, какими инструментами для экономии времени вы любите пользоваться? После вопроса укажем новый абзац для создания этих самых чекбоксов. […]
Тэги: html., новость, урок
[Из песочницы] Shadow DOM 2013-05-21 05:37:48
Ссылка на стандарт: www.w3.org/TR/2013/WD-shadow-dom-20130514/
Итак, что же такое shadow ...
+ развернуть текст сохранённая копия
Ссылка на стандарт: www.w3.org/TR/2013/WD-shadow-dom-20130514/
Итак, что же такое shadow DOM:
Shadow DOM (или теневая модель документа) — часть документа, реализующая инкапсуляцию в DOM дереве. Она (теневая модель) является частью документа и встраивается непосредственно внутрь страницы.
Для упрощения отладки shadow DOM, в хроме можно включить отображение в веб-инспекторе (Settings — General — Show shadow DOM).
Надо заметить, что в стандарте реализуемая инкапсуляция называется функциональной, поскольку shadow DOM встраивается в документ и является одной из многих его частей, работающих «независимо» (более-менее независимо) друг от друга. Соответственно, при проектировании реализации, нужно было установить функциональные границы в дереве документа, чтобы как-то оперировать с множеством таких «независимых» фрагментов. Для решения проблемы инкапсуляции, и была введена новая абстракция — shadow DOM, позволяющая создавать несколько DOM деревьев в пределах одного родительского дерева и был разработан документ, описывающий ее.
Читать дальше →
Тэги: chromium, html, javascript, веб-разработка
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №57 (11 — 18 мая 2013) 2013-05-18 20:07:18
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Читать дальше →
Тэги: bitcoin, chrome, css, css3, facebook, google, group, html, html5, human, i/o, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, интересный, компания, новость, остров, ресурс, сми, ссылка, яндекс
Главная / Главные темы / Тэг «html»
|
Взлеты Топ 5
Падения Топ 5
|