• Облегчение жизни пользователю Safari на iPhone

      Облегчение жизни пользователю Safari на iPhone.

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



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

      Читать дальше →
    • Неродные интерфейсы проигрывают

      • Перевод
      Общеизвестно, что пользователи Mac предпочитают Safari браузеру Firefox. Safari поставляется в комплекте с OSX — и мы знаем, что это всегда отлично срабатывает для борьбы с конкурентами. Но причина успеха — не просто монополизм, у людей есть достаточные причины для предпочтения Safari:
      Пользователи Mac предпочитают [Safari] из-за скорости отрисовки страниц, чистого интерфейса и малого времени запуска.

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

      Следующая версия Firefox будет поддерживать некоторые родные элементы интерфейса OSX, но по-прежнему не будет настоящим Cocoa приложением. Отсутствие полностью родного интерфейса под OSX может показаться как небольшая деталь реализации, но на самом деле это остановит многих людей:
      «Родные виджеты cocoa» используют системные компоненты, как полосы прокрутки или кнопки. Это те же кнопки и полосы прокрутки, что и используемые примерно во всех приложениях OSX. Тема оформления, используемая в Firefox 2 по умолчанию, содержит действительно ужасные квадратные виджеты в стиле Netscape 4.
      Эти уродливые, настолько ужасные насколько это вообще возможно, графические элементы — на самом деле одна из главных причин, почему я использую Safari, а не Firefox на моей OSX.

      Когда два приложения с, грубо говоря, схожей функциональностью конкурируют, выигрывает приложение с родным интерфейсом. Всегда. Если вы действительно хотите завоевать сердца и умы ваших пользователей, вы возьмётесь за дело и выжмете все что можно из родного интерфейса.
      Java борется с этой проблемой много лет, добиваясь результатов где-то между «ужасно» и «по-идиотски», в зависимости у кого спрашивать. Большинство разработчиков Java полностью смирились и сдались:
      Я один из тех программистов Apple Java, кто бросил попытки. Я 5 лет был сумасшедшим фанатом Java, но я сдался после оптимизации AWT, реализующей «drag and drop». Я пытался заставить 1200 страниц дрянного API делать то, что нужно на OSX. Потом я прошёл недельные курсы программирования под Cocoa, и написал первый прототип iChat.
      Java для настольных систем никогда не работала, потому что Sun пыталась построить свою собственную ОС поверх реальной ОС, дублируя весь прикладной интерфейс. Это привело к ужасному разбуханию платформы, сделав любое приложение настолько тяжеловесным, словно это Photoshop. Хуже того, GUI-платформа Java просто идиотская, потому что Sun это серверная компания, не располагающая действительно компетентными специалистами в области интерфейсов пользователя. Программный интерфейс настолько неуклюжий, что если сравнить с любым нормальным приложением OSX, то результат будет похож на советский трактор, построенный в понедельник.

      В конечном счёте, самое лучшее, на что может рассчитывать любое Java приложение, это стать родным приложением. Чтобы сымитировать его. Целью Java приложения должно быть сходство с родными приложениями, а не стремление выделиться.
      GAIM имеет кроссплатформенный интерфейс пользователя, основанный на GTK, который получается приведением разных интерфейсов к общему знаменателю:
      GAIM под linux
      GAIM под Windows
      Больше того, я понимаю чувства Mac Safari пользователей, потому что Я не смог переключиться с IE7 под Вистой. Firefox выглядит так убого под Вистой. Он просто не подходит к общему облику. Он очень медленно прокручивает страницы, клавиатура в случайные моменты времени перестаёт работать, и весь интерфейс раздражающе выделяется, включая обычное главное меню. Без всякого сомнения Firefox во многом самый лучший браузер для веб-разработчиков, обладающий очень бурным комьюнити разработчиков. Firefox точно должен быть частью набора любого разработчика.
      Но когда дело доходит для каждодневного серфинга в сети, я всегда выберу родную скорость и родной внешний вид вместо возможности установить десяток расширений, или возможности запуска на N-ом числе платформ. Каждый раз.
      Неродные интерфейсы — отстой.
    • Браузеры — автомобили

        До 17 марта Microsoft, в сответствии с директивой Еврокомиссии, должна была предложить пользователям Windows в странах ЕС специальное окно выбора браузеров (и предложила ). Так это выглядит — www.browserchoice.eu. Для нас, в отличие от ЕС, это событие выглядит скорее любопытным, чем практически полезным. Хочу приурочить в этому событию пост «А что было бы, если бы браузеры были автомобилями», в котором обыграть плюсы и минусы пятёрки ведущих браузеров, сподвигли описания каждого из них в «экране выбора» — именно по этим описаниям пользователи из ЕС теперь будут выбирать чем ходить в Интернет. Конечно каждый кулик хвалит своё болото. Но в 1000-й раз говорить о преимуществах и недостатках «в лоб» — скучно :)

        Итак, что если браузеры были бы автомобилями? (Где соврал, чего недоговорил, кто прав, кто виноват?). У кого лучше подсвеска, кого не ведёт на дороге, за чей руль лучше не садится?
        Читать дальше →
      • Требуется веб-евангелист

          Команда разработчиков браузера Opera постоянно борется за единые веб-стандарты и всемирную сеть, построенную на открытых технологиях. В качестве доказательства выступает собственно браузер Opera, который наиболее полноценно поддерживает открытые веб-стандарты. Между тем, помимо дела требуется и слово — компания Opera Software объявила о появлении вакансии «веб-евангелист». На эту должность приглашаются активные и увлечённые люди, готовые принимать участие в различных конференциях и других мероприятиях по всему миру, посвящённых веб-технологиям, с целью пропагандирования открытых веб-стандартов и сетевых технологий. Помимо этого данный сотрудник будет вести активную работу на dev.opera.com, публикуя статьи и занимаясь модерированием, а также должен быть постоянно в гуще обсуждений на различных блогах, форумах, публиковать статьи и обзоры в компьютерных изданиях.
          Читать дальше →
        • Как делать презентацию с помощью веб-технологий?

            Все знают офисных монстров PowerPoint и Keynote, но почему-то мало кто с радостью в них работает. И действительно, что делать, если ты совсем не бухгалтер, а разработчик или просто гик и гораздо комфортнее чувствуешь себя в коде, чем в офисных пакетах? У меня для тебя хорошие новости: презентации уже очень давно можно делать прямо в браузере, а писать с помощью таких простых и знакомых вещей, как HTML, CSS или даже Маркдаун.

            К каждому из нас приходит момент, когда нужно донести свои мысли до других. Не просто рассказать анекдотец коллеге, не пробубнить стишок про бурю-мглою, а сообщить что-то принципиально важное, объяснить сложную идею, поделиться опытом. И если самым талантливым из нас достаточно выйти на сцену и просто быть собой, как это делают участники TED, то большинству понадобится опереться на слайды. Свой первый раз у доски с маркерами я забыл напрочь, помню только, что переврал тогда ключевую идею доклада про блочную модель CSS.




            Читать дальше →
          • Git и публикация сайта

            • Перевод
            При попытке отредактировать этот старый пост слетело всё форматирование. Может быть я его когда-нибудь исправлю.

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

            Основные преимущества:
            • Делая push из удалённой копии мы автоматически обновляем live-копию сайта
            • Правки файлов на сервере не будут разрушать историю коммитов
            • Простота, не нужны особые правила выполнения коммитов
            • Можно применить к уже запущенному сайту, без повторного деплоя или перемещения файлов
            посмотреть, что там такое
          • Оптимизация PNG и JPEG без потери качества. Часть 1

            Введение


            Предлагаю Вашему вниманию обзор посвященный оптимизации изображений формата PNG и JPEG без потери качества. Под «без потери качества» подразумевается, что визуально оригинальные и оптимизированные изображения ни чем не будут отличаться. Я читал на Хабре довольно много статьей посвященных данному вопросу, но скажу, большая часть — полная чушь, в них констатируются факты, а не причины. Данный обзор посвящен людям, которые имеют базовые знания об оптимизации изображений.
            Читать дальше →
          • Церемония WebHiTech и Web Standards Days в Москве 16 декабря


              По всем прогнозам 16 декабря в Москве ожидается двойная радуга. Всё потому, что мы не только явим миру лучшие технологические сайты по версии конкурса WebHiTech и наградим лучших ценными призами и просто респектом и уважухой, но ещё и проведём традиционную встречу Web Standards Days. И всё это бесплатно, и только для вас.
              Читать дальше →
            • К вопросу о кроссбраузерных Data URI

                В погоне за оптимизацией сайтов захотел уменьшить количество запросов, не в ущерб размерам оптимизированных файлов.
                Цель — передавать в одном файле изображения разных форматов, с разными настройками оптимизации.
                Как средство, выбрал data uri и gzip'нутый css файл. Однако IE с data uri работают из рук вон плохо. Но в них есть mhtml. Существовавшая реализация не отвечала моим требованиям, т.к. приходилось 1 файл передавать два раза — раз для IE, в mhtml, и второй для всех остальных, в data uri. В поисках решения наткнулся на статью bolk'а, где описывалось решение для формата jpeg и некоторые теоретические выкладки для gif и png. После почти трехнедельного раскуривания манов мне удалось реализовать решение для gif и png и автоматизировать процесс для всех трех форматов.
                ознакомиться
              • Подмена со вкусом Mail.Ru

                  Однажды к нам обратился пользователь одного их наших продуктов с жалобой на то, что наш продукт якобы без разрешения установил ему тулбар Спутник@Mail.Ru. Оказалось что дистрибутив был скачан не с официального сайта, а с каталога SoftPortal.Com (в десятке софт-каталогов по версии Яндекса кстати).

                  Каково было наше удивление, когда мы обнаружили что как наш продукт, так и популярные браузеры Firefox и Opera с этого сайта скачивались в виде exe-шников с иконкой спутника и размером примерно на 3 Мб больше чем надо.



                  Читать дальше →
                • Грабли при верстке HTML писем

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

                    Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
                    Читать дальше →
                    • +264
                    • 89,8k
                    • 77
                  • Конвертирование видео в Ogg Theora. UNIX Way

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

                      Начнём с матчасти:

                      Видеокодек — это программа/алгоритм сжатия (то есть уменьшения размера) видеоданных (видеофайла, видеопотока). Кодек — файл-формула, которая определяет, каким образом можно «упаковать» видеоконтент и, соответственно, проиграть видео. Также возможно кодирование кроме видео и аудиоинформации, добавления субтитров, векторных эффектов и т. п.


                      На сегодняшний день, самые популярные видеокодеки — это знакомые всем DivX, XviD, H.264, WMV, Apple QuickTime и множество других. Ogg Theora всегда была в тени своих коллег и на то, видимо, были какие-то свои причины. Может быть потому, что это относительно новый кодек (он появился только в 2004-м году), может потому-что он изначально ориентировался на применение в интернете, а не для кодирования видеофильмов… Это уже не важно.
                      Читать дальше →
                    • Отчёт о Web Standards Days в Киеве. Теперь официально


                        Не прошло и десяти дней, как мы публикуем официальный отчёт о встрече Web Standards Days, прошедшей в Киеве 18-го сентября. Как это обычно случается, финальная программа сильно отличалась от заявленной ранее — но только в сторону её улучшения. На встрече прозвучало шесть докладов:
                        • Веб-стандарты в большом проекте: что помогает, а что мешает. Андрей Сумин, PDF 138 КБ;
                        • Про проектирование интерфейсов и немного про Adobe Fireworks. Вадим Пацев, PDF 1,2 МБ;
                        • Веб в кривых. Второе рождение SVG. Вадим Макеев, HTML 15,6 МБ;
                        • Введение в Web Performance: W3C, Webkit, IE9 и будущее. Николай Мациевский, PDF 4,1 МБ;
                        • Разработка веб-приложений. Обзорная экскурсия. Виталий Рыбалка;
                        • Обзор новых API JavaScript. HTML5 и самостоятельные черновики W3C. Антон Немцев, HTML 750 КБ.
                        …причём порядок их следования составлялся налету, по мере появления докладчиков, что добавило некоторой динамики и неожиданности в нашу и без того нескучную программу.
                        Читать дальше →
                      • Конкурс виджетов от Opera и Facebook



                          Компания Opera Software довольно регулярно проводит различные конкурсы и российские разработчики время от времени входят в число победителей, получая вполне заслуженные призы и подарки. Правда, при этом всегда существует небольшое, но весьма досадное неудобство: разработчики из других стран постоянно составляют довольно сильную конкуренцию, нередко лишая наших конкурсантов призовых мест. Сегодня же я рад объявить о начале нового конкурса, проводимого совместно компаниями Opera Software и Facebook, который гарантирует, что все призы достанутся только нашим людям: в рамках прошедшего на днях первого в России Facebook Developer Garage стартовал конкурс по разработке виджетов Opera для данной популярной социальной сети под названием «Operaция Facebook», и принимать участие в нём могут только программисты из России и стран ближнего зарубежья. Под катом — условия конкурса и список мотиваторов.
                          Читать дальше →
                        • Открытие web-standards.ru

                            Веб-стандарты
                            Сегодня у нас хорошие новости: как и обещали, мы открываем наш флагманский сайт Веб-стандарты. Это ресурс со статьями, новостями и анонсами событий Web Standards Days, созданный разработчиками для разработчиков.
                            Читать дальше →
                          • Перестаньте вынюхивать, что у меня за браузер

                              С завидной периодичностью в блоге разработчиков браузера Опера появляются сообщения, что Опера не может распарсить ту или иную страницу и пользователь видит примерно такую ошибку:



                              Эффект можно посмотреть по любой из этих ссылок. При этом, в других популярных браузерах страницы отображаются нормально, так же как и в Опере, если попросить распарсить документ как HTML, а не как XML (ссылка «Reparse document as HTML»).
                              Читать дальше →
                            • Web Standards Days. 26 июня, Санкт-Петербург

                                Объединение разработчиков «Веб-стандарты» представляет новый формат мероприятий под названием «Web Standards Days». Очередная встреча состоится 26 июня 2010 года в Санкт-Петербурге на Факультете переподготовки специалистов СПбГПУ по адресу ул. Обручевых, 1.

                                Уже готова предварительная программа встречи:
                                Читать дальше →
                              • Отчёт о Web Standards Days в Минске

                                  В минувшую субботу 28 ноября в Минске прошло первое мероприятие под названием «Web Standards Days». Эта встреча открывает ряд регулярных бесплатных образовательных мероприятий, проводимых сообществом разработчиков «Веб-стандарты».

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

                                  image
                                  Читать дальше →
                                • Миф об обязательном поле

                                    В мире разработки программных продуктов бытует немало мифов и заблуждений. Чтобы двигаться вперед, а не топтаться на месте, их совершенно необходимо разрушить. Сегодня об одном из самых закоренелых заблуждений, которое к тому же достаточно вредное — называется «Миф об обязательном поле».

                                    Речь пойдет о практически любых системах, использующих для ввода информации формы. Обязательное поле — это поле формы, без заполнения которого система не примет у вас информацию. Среди подавляющего большинства разработчиков ПО бытует мнение, что обязательными полями должны быть:
                                    1. Все необходимые с точки зрения предмета поля (например, ФИО и дата рождения человека, если речь о паспортном столе);
                                    2. Все необходимые для функционирования системы поля (те, без которых не будут работать алгоритмы — например, дата, с которой начинается предоставление услуг, чтобы делать по ним начисления);
                                    3. Важные поля — такие, которые не необходимо, но желательно заполнить (например, обоснование вносимого изменения) — с той мотивацией, что пусть лучше пользователь попотеет, когда не нужно, чем забудет ввести значение, когда будет нужно.
                                    Как видите, тут целый комплекс мифов, развеивать которые нужно скрупулезно и планомерно. Поэтому начнем с двух других заблуждений.
                                    Читать дальше →