Сегодня мы хотели бы рассказать о базовых правилах верстки HTML в email-письмах. Как известно, на свете существует множество почтовых клиентов:

• веб-версии у почтовых провайдеров (Gmail, Yandex, Mail, Yahoo итд.)
• десктопные почтовые клиенты (Outlook, Bat, Thunderbird, Mac Mail)
• мобильные почтовые клиенты (Blackberry, Android, Iphone, Ipad итд)

К сожалению, не существует обязательного стандарта верстки писем, который бы универсально поддерживался бы всеми клиентами. Часть поддерживает CSS3, часть нет, какие-то теги и аттрибуты поддерживаются, какие-то нет, не говоря уже о том, что поддержка HTML и CSS меняется даже в пределах одного почтового клиента от версии к версии. Последнее особенно заметно на примере Outlook (от Express и 2003 к Outlook 2011).

Что же необходимо знать тем, кто собирается самостоятельно верстать HTML-код для email-писем?

Сегодня я прочёл на русском националистическом сайте «Спутник и Погром» новость «ФСБ хочет запретить защиту от электронной слежки», основанную на опубликованной сегодня же «Известиями» новости «Силовики предлагают запретить ПО, скрывающее пользователя в Сети». И новость эта такова, что от неё волосы должны дыбом стать на голове!

Общественный совет при ФСБ России (его логотип я привожу справа) счёл нужным (вероятно, на заседании 29 мая) предложить Госдуме внесение таких поправок в закон «Об информации, информационных технологиях и о защите информации», которые сделают противозаконными все программы, маскирующие информационные данные и IP-адреса пользователей. Это касается и браузера Tor, и анонимизирующих сайтов, позволяющих при помощи обычного браузера переходить с изменённым IP-адресом на некоторый другой сайт (заблокированный за «экстремизм», за «пропаганду суицида», за «пропаганду наркотиков», за «педофилию») и читать этот сайт невозбранно (быть может, втайне язвительно посмеиваясь над Роскомнадзором — кто знает?…). Теперь будет не до смеха.

Интересны приведённые «Известиями» реплики отдельных лиц в связи с этой инициативою.

Анатолий Григорьевич Кучерена (член Общественного совета при ФСБ, на выборах 2012 года ставший доверенным лицом Путина) заявил непосредственно «Известиям», что они готовят рекомендации депутатам о необходимости введения ответственности за создание программного обеспечения, позволяющего посещать запрещённые сайты. «Принять чёткий закон, в котором будут прописаны санкции, способные удержать программистов от желания создавать вредоносные программные продукты», — обозначил Кучерена намерения борцов с сетевою анонимностью.

Мнение Леонида Леонидовича Левина (первого заместителя комитета Госдумы по информационной политике) сводится к тому, что анонимайзеры используют люди, которые намереваются совершить какие-то незаконные действия, или те, кому есть что скрывать.

Сайт «Спутник и Погром» прибавляет, что после Tor и анонимизаторов неизбежно начнётся борьба против VPN — и это мнение я полагаю вполне справедливым, даже с прибавкою: не только VPN, но и SSH, а за ними и HTTPS, вероятно, и SSL в целом.

Разработчики, использующие Bundle Transformer, часто спрашивают у меня: «Какой минимизатор обладает самой высокой степенью сжатия?». В принципе, в сентябре прошлого года в своей статье «Вышел Bundle Transformer 1.6.2 или что изменилось за полгода?» я уже проводил сравнение минимизаторов по степени сжатия кода, но это сравнение было поверхностным и не было подкреплено цифрами.

В этой краткой статье мы проведем сравнение наиболее популярных алгоритмов минимизации CSS- и JS-кода на примере адаптеров-минимизаторов из Bundle Transformer. В качестве исходных файлов будут использоваться файлы bootstrap.css и bootstrap.js из Twitter Bootstrap версии 2.3.2. Измерять размеры файлов мы будем с помощью YSlow.

Пару дней назад стукнуло ровно 2 года, как в России был принят ГОСТ Р ИСО/МЭК 26300-2010 (Информационная технология. Формат Open Document для офисных приложений (OpenDocument) v1.0), который должен был принести всеобщее счастье не только линуксоидам, но и обычным гражданам, не имеющим средств на приобретение MS Office. Open Document основан на XML и позиционируется как альтернатива закрытым форматам, таким как DOC, XLS, PPT и Microsoft Office Open XML. ODF был принят как международный стандарт в 2006 году, до нас он докатился только в 2011.
Отдают ли сейчас госструктуры гражданам файлы в открытом формате?

Очень многие разработчики считают что лучший интерфейс для работы с базами данных — текстовый интерфейс консольного. Я лично еще не достиг подобного просветления, поэтому больше доверяю GUI-инструментам. Хорошо, если у СУБД как у Postgres есть своя, утилита для работы с БД, а что делать если нет? Или если надо работать с различными базами данных одновременно? Под Windows альтернативных клиентов к различным СУБД — море разливанное. С другими ОС (я в данный момент работаю в OS X) все не так радужно, хотя есть программы разной степени пригодности и удобства. Раньше я использовал Navicat, но недавно нашел еще одно интересное решение, о котором и хочу рассказать: Valentina Studio.

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

Софтверные компании, как Microsoft или Google, публикуют миллионы статей для разработчиков с описанием программных интерфейсов, сервисов и платформ. Они вкладывают огромные усилия в создание документации.

В то же время сами разработчики всё меньше читают официальную документацию, а всё чаще получают информацию на профильных сайтах, показало исследование Ninlabs Research. Выяснилось, что около 50% времени разработчики проводят на специализированных сайтах для программистов, в том числе Stack Overflow, а вовсе не на порталах с официальной документацией.

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

Всем привет! Сегодня я бы хотел рассказать про свой проект HackStore — альтернативный магазин приложений для Mac OSX.

Предыстория

В январе 2011 года Apple запустила Mac App Store, по аналогии с подобным магазином приложений для iOS.
Оставаясь верной своим традициям, Apple установила жесткие проприетарные условия для разработчиков. И если iOS с самого рождения была закрытой системой, то Mac OS напротив, всегда являлась открытой платформой по отношению к сторонним разработчикам. С момента появления первой OS X разработчики успели создать огромное количество как платных, так и бесплатных утилит, игр и приложений.
В момент открытия Mac App Store многие разработчики оказались перед сложным выбором. Чтобы попасть в App Store, им необходимо было изменять приложение, урезать часть функционала, менять лицензию, покупать Mac Developer Program. В противном случае им оставалось продолжать распространять свое приложение как раньше, при этом рискуя потерять пользователей.
При этом, из-за жестких требований AppStore, многие популярные и известные приложения вообще не имеют шанса туда попасть. Так, к примеру, App Store закрыт для приложений, которые распространяются с лицензиями Open Source, MIT или CCL, а также тем, которые даже незначительно меняют системные функции или оформление. Доступ к магазину приложений также закрыт для множества популярных утилит и твиков, таких как CleanMyMac, MacHider, Magician, Adium, Skype и для многих других не менее удобных и полезных приложений.

29 июня 2005 года во время операции Site Down в числе других была атакована сцен-группа широкого профиля RiSCiSO, работавшая почти со всеми видами вареза: программами, играми и фильмами. Из числа участников группы 19 человек было арестовано.

Лидер группы, 27-летний австралиец Шон О'Тул, должен был явиться в суд Чикаго 22 февраля 2006 года. По требованию ФБР в его доме в городе Перт (Австралия), где он проживал с родителями, был произведен обыск и изъято многочисленное оборудование. Ему грозило до 5 лет тюрьмы, штраф в 250 тысяч и требование о возмещении убытков в миллион долларов. Однако, в назначенный день он не явился в суд, и, несмотря на объявленный международный розыск, так и не был найден.

В обвинительном акте, который и сегодня доступен на сайте Министерства юстиции США, можно прочитать подробности о личностях подозреваемых (большинство из них были IT-специалистами), их ролях в группе, топсайтах, которые они использовали, и даже о том, как их удалось раскрыть.

Много лет Google Talk работал на основе протокола XMPP, в том числе поддерживая XMPP Federation с другими сетями и делая возможным, например, использование ICQ через соответствующий jabber-транспорт в Google Talk (как в приложении, так и в чате в Gmail через web).
Однако, при переходе на Google Hangouts, представленный на последней конференции Google I/O, который объединяет Google Talk и Google+, Google отказывается от поддержки XMPP. Android-приложение Google Talk автоматически обновляется на Google Hangouts. Чат в Gmail пока можно переключать на Hagouts и обратно к классическому виду (соответственно, общение с джабер-клиентами других сетей и контактами ICQ и других транспортов возможно только в последнем случае).

[1]

Ни для кого не секрет, что e-mail маркетинг только начинает набирать обороты во всем мире. А для России – это ещё и вовсе молодая ниша на рынке. И профессиональная верстка электронных писем здесь один из составляющих факторов успеха. Под профессиональной версткой понимается не только визуально красиво и надежно сверстанный макет, но и то, как выглядит usability открытки с маркетинговой точки зрения, как оптимизирована графика вместе с типографией для спам-фильтров и многое другое. Верстка электронных писем довольно обширная тема, в одной статье все не уместить, поэтому в данном посте постараюсь описать только базовые элементы и приемы, надежно проверенные за годы практики и работающие в top самых используемых почтовых клиентах мира: iPhone 4S/5; Outlook 07/10/13; iPad; Apple Mail; Android 2.3/4.0; Yahoo; Gmail. Если рассматривать только российский рынок, то нельзя не упомянуть о Mail.ru и Яндекс.Почта.

Что нужно знать в начале?

Сразу хочу выделить несколько из основных и важных моментов:

1. В нашем арсенале имеется очень урезанный набор css-свойств, которые поддерживаются всеми почтовиками. При этом, стили нужно прописывать inline, а в head выносить только вендорные свойства и те блоки объявлений, которые не несут нагрузки на основную стилизацию письма. Ну и использовать link in head — крайне нежелательно.
2. Не используйте background-image в основных визуальных элементах дизайна и не помещайте в изображения важную текстовую информацию. Вообще нужно всегда учитывать такой вариант, что письмо будет просматриваться получателем без единого изображения.

Каркас

Пожалуй каждый, кто хоть раз верстал письмо под рассылку, знает, что каркас лучше строить с помощью таблиц. На самом деле простая блочная модель div поддерживается на данный момент во всех перечисленных выше почтовиках, за исключением MS Outlook начиная с 2007 версии. Это связано с тем, что в качестве движка последние версии Outlook используют Microsoft Word, который в свою очередь много не знает о блочных css-свойствах. Игнорировать при верстке данный почтовый клиент я не рекомендую, поэтому в качестве фундамента все же используйте table. Да и добившись хорошего результата для Outlook, можно быть уверенным, что в большинстве почтовиках, письмо будет смотреться тоже хорошо, а скорее и лучше.

В качестве примера рассмотрим наиболее важные элементы из следующего, не сложного шаблона:

Варезная сцена всегда существовала как вещь в себе — релизы никогда не должны были покидать их замкнутой среды. По крайней мере так предполагалось. Но не все сценеры были с этим согласны, например, Скотт МакКауслэнд (Scott McCausland), который примерно 10 лет назад с группой друзей организовал торрент трекер EliteTorrents.

Трекер стал одним из самых известных, что оказалось весьма опасно, учитывая, что Скотт проживал в США и зарегистрировал домен на своё имя. В 2005 году на сайте трекера появилось объявление. В нем говорилось:

Этот сайт закрыт ФБР. Владельцы и все, кто им пользовался — под следствием. Распространять закопирайченный материал — незаконно, даже если вы делаете это бесплатно в интернете.

Увидев такую картину, многие не поверили, и решили, что это дело рук хакеров (уж больно странно выглядело сообщение). Позже выяснилось, что это был результат операции D-Elite. Скотт, как и многие другие, был арестован и после полутора лет судебного процесса приговорен к реальному тюремному сроку.

Под катом — перевод интервью с ним в июле 2007-го, когда его только выпустили, и коротко о том, как сложилась его дальнейшая судьба.

Но почему Excel?
Horiuchi сказал японскому сайту PC Online: «Другое специализированное графическое программное обеспечение стоит дорого, а Excel уже заранее установлен в ПК», добавив, что программа проста в использовании и более привычная, чем краски.

Один из программистов компании Microsoft анонимно выступил на форуме Hacker News и выдал интересные подробности о процессе разработки ядра NT. Своим сообщением он хотел подтвердить тезис о том, что ядро неэффективно и во многом уступает по производительности другим ОС: см. оригинальное сообщение (автор удалил его, испугавшись резких формулировок) и копию.

Причина проблем, по словам сотрудника Microsoft, социальная. Дело в том, что разработчики не вносят в ядро таких оптимизаций, которые мы видим в мире Linux. В компании Microsoft никто не будет хвалить программиста, если он оптимизировал какой-то процесс на 5%, если это не входит в сферу его основных обязанностей. Такая оптимизация никому не интересна. Только в случае какого-то очень существенного прогресса работу программиста могут заметить в соседних командах разработки, что положительно отразится на его карьере. Но это скорее исключение, чем правило. Нет никакого стимула принимать изменения из-за пределов своей команды разработки.

Приветствую всех!

Статья посвещена решению проблемы кастомизации скроллбаров браузера ради воплощения в жизнь амбициозных идей дизайнера. Статья расчитана на тех, кто свободно ориентируется в технологиях html, css, js, т.к. предлагаемое решение основано на их компромиссном использовании.



В статье будут описаны и решены следующие задачи и цели:

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

Вчера вечером добавил интерфейс взаимодействия с Робокассой в свою CMS.

Кратко о платежной системе

Робокасса — интегратор платежных систем. Она позволяет организовать прием платежей в пользу магазина через множество известных электронных валют (Webmoney, ВКонтакте, ЯндексДеньги, Деньги@Mail.Ru, RBK Money и другие), через терминалы оплаты ЭлексНет, и, самое главное — через SMS.

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

Сегодня хочу опубликовать материал, который мы подготовили еще в прошлом году. Однако, по ряду причин, он пролежал на полке. Речь о том, как мы запускали в воздух 20-ти литровую бутыль от кулера при помощи воды и автомобильного насоса. Подобное уже кто только ни делал. Но одно дело — посмотреть, а другое — попробовать самим. Занятие оказалось весьма увлекательным и четыре часа пролетели незаметно. Всем рекомендую на майские праздники ;)

Теперь подробнее о самом запуске.

Twitter Bootstrap становится всё популярнее и популярнее, многие используют его в своих проектах, думаю еще больше людей используют для прототипирования интерфейсов. Я не исключение. И вот сегодня утром наткнулся на интересный сервис — LayoutIt. По сути LayoutIt — это онлайн редактор для создания интерфейсов с использованием Bootstrap. Редактор представляет собой Drag & Drop интерфейс.

Я как дизайнер, сталкивался с проблемой когда рисуешь на планшете нужно еще и горячие клавиши нажимать, плюс постоянное переключение инструментов… иногда это так бесило.

Однажды я подумал а почему собственно не совместить графический планшет и клавиатуру?
Да, знаний в электротехнике у меня мало (в основном занимался ремонтом телефонов, по типу — заменить кнопочку или конденсатор, поставить перемычку).

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

Текстовый редактор bootstrap-wysiwyg — это всего 1.5 Кб в минифицированном и сжатом виде и чуть больше 6 Кб исходного кода, базовые функции редактирования на основе execCommand, drag-and-drop для вставки изображений, поддержка стандартных горячих клавиш и ничего лишнего. Редактор работает в современных браузерах (Chrome 26, Firefox 19, Safari 6) и на мобильных платформах (IOS 6 iPad/iPhone, Android 4.1.1 Chrome). Зависимости — jQuery, jQuery HotKeys и Bootstrap.