Привет, Хабр!

В этой статье я бы хотел поделиться своими познаниями в кроссбраузерной и кроссмейлерной верстке почтовых рассылок. Под словом кроссмейлерность подразумевается — корректное отображение верстки во всех почтовых клиентах. Я считаю, что статья вполне актуальна, в виду того, что на хабре эта тема несколько раз освещалась, но некоторые нюансы были неточными, а другие просто устарели. По долгу службы я долгое время занимался версткой html расылок по всему миру, и приведенные ниже правила будут касаться следующих почтовых клиентов и веб-интерфейсов: MS Outlook 2003-2010, mail.ru, rabmler почта, Яндекс почта, Gmail, Yahoo! Mail (Classic), Thunderbird 2.0-3.0, Hotmail, Windows Live Mail, Apple Mail 3-4, AOL Mail, Lotus Notes 8-8.5.

Недавно был снова обновлен центр по Internet Explorer на MSDN. Были добавлены 76 статей и книг, посвященных следующим темам:

• HTML,CSS3 и DHTML
• JavaScript, AJAX, DOM и JQuery
• Расширения
• Производительность
• Совместимость

Полный список материалов со ссылками под катом

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



Я не буду говорить о дизайне, проблемах вёрстки и т.п. — это технические нюансы, и каждая студия разбирается с ними самостоятельно. Речь пойдёт о конкретных деталях, которые свойственны практически всем, но от этого не становятся менее глупыми.

#1: Текст главной страницы

Надеюсь, не нужно объяснять, насколько важен для web-сайта хороший текст. Особенно, если сайт коммерческий. Но, в то же время, тексты 90% сайтов web-студий СНГ бесполезны. Почему я так считаю?

Давайте посмотрим на вопрос со стороны заказчика и будем предельно откровенны. Сколько студий «уже 10 лет на рынке web-разработки»? Сотни. В скольких студиях «работают только квалифицированные специалисты»? Во всех. У какой студии «самая качественная и расширяемая CMS»? У каждой.

Не знаю в какой блог засунуть. Видимо, «я пиарюсь» подходит больше остальных.

Сегодня я решал один важный вопрос и переклинило меня, что непременно нужно воспользоваться шариком, отвечающим на вопросы (как в фильме «трасса 60»).

Гугл нормальных online-шариков не нашел: либо предлагают купить материальный шарик, либо online, но этот шарик страшно выглядит и/или с хитрой логикой (например, нужно ввести текст вопроса, который проходит валидацию).

Собственно, примерно за час написал свой шарик. Нужно просто кликнуть по нему и получишь ответ.

Возможно, кому-то такой шарик покажется чуть приятнее остальных.

http://www.ecm7.ru/8ball/

UPD:
Шарик переехал на собственный домен: www.8-ball.ru.
Старая ссылка тоже работает и перенаправляет на новое место.

UPD:
Благодаря NeonXP появилось расширение с шариком для Google Chrome.

Выжав до капли весь одноцентовый трафик из Яндекс.Директа и Google Adwords, мы время от времени возвращаемся к вопросу — где взять еще покупателей. Особенно эта проблема мучает нас перед праздниками, потому что именно в это время шансы на превращение посетителя нашего сервиса (голосовые поздравления и розыгрыши Voicecards.ru) в клиента существенно возрастают.

В этой статье мы расскажем, какие рекламные площадки мы нашли для усиления своих рекламных кампаний в праздники, что мы делали и что из этого вышло.



Напомню наши вводные по всем рекламным кампаниям: получить максимальный объем трафика по минимальной цене, желательная CPC до 1 руб. Добиться максимальной конверсии в продажи.

Каждый день Яндексу задают миллионы запросов.  Это порождает вопросы: «Что же эти люди ищут? И что это за люди?».

Мы уже давно показываем «Прямой эфир» на странице О компании. А теперь вы можете посмотреть на сервисе Яндекс.Интересы трансляцию запросов к Яндексу на карте. То есть мы показываем место, откуда поступил запрос, и непосредственно текст запроса.



Сразу предупредим – использовать эти данные никак не получится (хотя бы потому, что запросы транслируются не все подряд, а отбираются в случайном режиме). Мы думаем, что это просто интересно смотреть. 

P.S. Делитесь ссылкой на карту в социальных сетях и блогах и медитируйте :)

Андрей Лебединский, медитируем всем отделом

Думаю многим верстальщикам известно решение, которое заставляет IE рисовать скругленные уголки: «curved-corner» (или border-radius.htc).

В этой статье я расскажу, как избавиться от ошибок «Invalid argument» при его использовании, а также как в разы ускорить его работу.

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

Если научится быстро перелистывать, то на нём тоже можно смотреть мультики. Но… их нужно сначала нарисовать. Говорят, если быстро листать пустой блокнот, можно увидеть самого Джобса.

К сожалению (или к счастью), поддержка Flash тоже отсутствует. Зато есть очевидные преимущества:

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

А если серьезно, то мы решили сделать блокнот для дизайна интерфейса приложений iPad.

Итак, представляем вам iPad Sketchbook:

Привет!

Представляем хабрасообществу новый сервис от онлайн-бухгалтерии "Мое дело".

Теперь все документы, необходимые для регистрации ИП, можно подготовить за 10 минут на условиях DonationWare. То есть абсолютно бесплатно, но если если все очень понравилось, то можно сказать спасибо.

Подробности и скриншоты под катом.

На днях мы с ludoedoed запустили сервис для веб-дизайнеров www.browsercover.me, он быстро оборачивает картинки в окна популярных браузеров так, что картинки становятся похожими на скриншоты будущих сайтов. Это помогает восприятию, точно вам говорю. Готовые картинки отправляются заказчикам и в портфолио (самовывоз).

Пользоваться сложно: нужно сначала загрузить картинку, потом в муках выбрать какой-нибудь браузер, определиться с размером конечного изображения, ввести ЮРЛ для адресной строки и заголовок окна (мы даже шрифты и способы сокращения символов подгоняем, для пущей убедительности), решить, нужна ли вам полупрозрачная тень и статус-бар. После этого придется нажать на «Криэйт э каверед превью» и сохранить готовую картинку. Все время придется крутить горизонтальный скроллбар, хорошо хоть колесом мышки.

Будем рады услышать критику, а не просто получить минусы.
Будем рады, если вы будете пользоваться сервисом.
Будем рады, если станем миллионерами.
Будем рады, если вы ими станете.
Будем рады, если вы будете рады.

В CSS 2.1 появилась одна интересная фича, о которой не все знают — это возможность задавать на веб-странице шрифты и цвета, которые используются в текущей системной теме операционной системы.
Это может быть полезно в ситуациях, когда вы хотите приблизить интерфейс вашей страницы к пользовательскому интерфейсу операционной системы. Например, вы хотите написать Adobe AIR приложение, или сделать справочный интерфейс, наподобие нативной chm-справки (вот как здесь: manual.pohape.ru).

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

Когда-нибудь подобный проект должен был появиться, правда? Вот и он.



Представляем вашему вниманию Линчелку — сервис для коллективного обсуждения изображений в стиле «Бизнес-линча».