• Размеры экранов

    • Tutorial
    Планшеты и смартфоны оснащаются экранами с разными соотношениями сторон и разной плотностью пикселей, однако эти параметры редко указываются в технических характеристиках.

    Попробуем разобраться со всеми хитростями, связанными с этими параметрами. Начнём с планшетов.
    Вот соотношение размеров экранов, использующихся в большинстве современных планшетов.



    Обратите внимание, насколько экран 8" с соотношением сторон 4:3 визуально больше широкого экрана 7". А широкий экран 10.1" на сантиметр меньше экрана 9.7" по высоте.

    Я свёл в таблицу параметры экранов, чаще всего использующихся в планшетах.



    Текст на экранах с низким PPI (количеством точек на дюйм) читается не комфортно. Я бы не стал покупать планшет с экраном, имеющим PPI ниже 150. Даже 164 PPI экрана iPad mini многим кажутся недостаточными. Отлично воспринимаются экраны с PPI больше 200.

    Для меня было большим открытием, что экран 9.7" 1024x768 имеет даже меньшее PPI, чем экран 7" 800x480.

    Читать дальше →
  • Разгони свой сайт. Электронные версии

      Сегодня закончилась эпопея с выкладыванием электронных версий книги «Разгони свой сайт», их доступно аж три пять шесть:
      1. PDF-версия, аналогичная ушедшему в типографию макету книги (даже немного лучше за счет исправленных опечаток). Идеально подходит для чтения на ПК или самиздата.
      2. FB2-версия (формат Fiction Book). Просили владельцы наладонников для чтения — вроде форматом остались довольны.
      3. CHM-версия. Незаменима в качестве руководства, которое всегда под рукой. Очень удобно искать нужный материал.
      4. HTML-версия. Уж этот-то формат сложно испортить :) Спасибо laik216.
      5. Онлайн-версия. Просто копия HTML-версии, расположенная на сервере.
      6. WOL-версия. Для владельцев lBook V8, спасибо msa
      Все версии (последней редакции — 1.4) выложены на сайте книги. Здесь прямых ссылок не будет: мало ли что поменяется, чтобы в нескольких местах не править.

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

      Если кто-то возьмется перегнать CHM в человеческие (=красивые внешне и валидные внутри) HTML-страницы — буду крайне признателен.

      P.S. судя по логам, книгу скачали уже более 3000 4000 человек

      P.P.S. Судя по отзывам, CHM (и не только) кривоват. Если кто-нибудь знает, как его переконвертировать в нормальный файл — напишите, пожалуйста, в комментариях. На сайте доступны и прошлые версии PDF, которые отличаются некоторым количеством опечаток — нужно 1.4 заменить на 1.2.

      P.P.P.S. PDF-версия перевыложена (1.4.1)
    • Спасибо тебе, порно! 12 инноваций мира удаленной торговли сексом

        imageНравится вам это или нет, но за успешносью любого распространного медиа-формата в этом мире, отчасти, стоят неутомимые дельцы порно. VHS, Blu-Ray (HD DVD), DVD — все это получило распространение во-многом именно из-за того, что люди предпочитали торговать «экранным сексом» в ногу с технологиями. Сюда же можно отнести и интернет, немало почерпнувший из приемов порнопромышленности.

        Если вы думаете, что я шучу — советую задуматься второй раз. Не только сеть, в нынешнем ее понимании, стала такой из-за обилия женских прелестей где угодно. Журнал PC World собрал список из 12 вещей, за которые можно поблагодарить порно. Все, начиная от систем онлайн-оплаты, видеочатов в реальном времени и заканчивая спамом, было популяризовано компаниями, занимающимися производством и распространением порнографического контента.

        Впрочем, не стоит считать, что в будущем порно не сможет научить весь мир и другим урокам. Скорость распространения широкополосного доступа и будущее 3G сервисов тоже, во-многом, зависит от развития виртуального порно. Но это все в будущем, а вот список из 12 фактов от PCWorld:
        Читать дальше →
      • Как еще можно классифицировать музыку

          Как еще можно классифицировать музыку.

          Все прекрасно знают, что это дело весьма и весьма не простое. О том как это сложно можно почитать у kurokikaze . В свое время прочитал книгу А.В. Волошина «Математика и искусство». И вот что придумал.
          Читать дальше →
        • Управление проектами при помощи Unfuddle

            Совсем недавно SmashingMagazine опубликовали очень полезную подборку веб-инструментов для управления проектами 15 Useful Project Management Tools, но при этом упустили, по моему личному мнению, один из лучших проектов такого рода Unfuddle
            Читать дальше →
          • Лучшие графические редакторы, написанные на Flash

              Лучшие графические редакторы, написанные на Flash


              Когда заходит речь о миграции с Windows на другие платформы или на веб-приложения, каждый раз возникает неоспоримый аргумент: но там же нет фотошопа! Этот легендарный графический пакет благодаря пиратам прижился, наверное, на подавляющем большинстве компьютеров в СНГ. И несомненно альтернативу столь сложной программе найти сложно. Но если откровенно, как в большинстве случаев используется вся мощь фотошопа? Изменить размеры, подкорректировать яркость, иногда убрать лишние детали, да отправить на е-мейл подружке.
              Нужен ли для этого полноценный большой Photoshop? В большинстве случаев нет, если только вы не дизайнер-профессионал высокого класса. А значит, аналог найти будет уже проще.
              Но искать аналог среди настольных программ или программ под Linux это неинтересно! Мы живем в век Web 2.0, поэтому попробуем поискать аналоги среди веб-приложений. Да, еще недавно это было бы фантастикой, но развитие графических возможностей прежде всего Flash уже сегодня позволяет получить весьма интересные результаты. Конечно, описываемые редакторы не станут полноценной заменой «старшему брату», но для небольших фотокоррекций они пригодятся. Или представьте себя в интернет-кафе, где привычного вам софта нет, а вам нужно срочно взять готовую картинку, что-то в ней поменять, отметить или подписать и отправить собеседнику. В этом случае вас тоже может спасти одна из рассматриваемых ниже программ.
              Читать о 10 наиболее интересных представителях этого вида
            • Коллекции иконок? Легко! Тысячи иконок в сетах.

                В продолжении поста "Ресурсы по поиску качественных иконок" представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.
                Читать дальше →
              • «Отечественные» инвесторы

                  Уже и в России полным ходом идет поиск и инвестирование стартапов. Всё больше «людей с деньгами» хотят инвестировать в перспективную и быстрорастущую отрасль. Дабы облегчить жизнь как инвесторам, так и разработчикам, решил сделать подборку публичных инвестиционных компаний, которые не прочь вкладывать деньги в Интернет.
                  Далее подробности
                • 11 порталов для выбора Иконок

                    Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

                    В этой коллекции я уверен что вы найдете что вам нужно ;)

                    Ну интересное так точно!!!

                    1. http://www.iconspedia.com
                    Читать дальше →
                  • Не AdMob-ом единым. Обзор интересных рекламных сетей и не только

                      При разработке игр или приложений у каждого девелопера возникают вопросы о монетизации. Естественно сразу же приходит на ум AdMob, хотя таких систем намного больше, и возможно, в некоторых случаях имеет смысл даже отказаться от него. Ведь баннерная реклама обычно достаточно навязчива и “бьет наугад”, куда интересней более персонализированная реклама, в таком случае и рекламодатель, паблишер и самое главное конечный пользователь останутся в выигрыше.
                      Мы составили список необычных рекламных систем, которые могут помочь разработчикам в монетизации их приложений. А также краткий обзор услуг и цен для рекламодателей.

                      Читать дальше →
                    • Evercookie — самые устойчивые куки

                        Samy Mamkar разработал систему, которая позволяет хранить куки в 8 местах, автоматически восстанавливая друг друга, и даже добиться того, чтобы куки, поставленное в одном браузере, действовало и в другом.

                        Удалить это куки практически невозможно! (Все возможно, конечно, но слишком много мороки)

                        Куки хранятся в:
                        • HTTP Cookies;
                        • Local Shared Objects (Flash);
                        • Сохранение куки в значениях RGB автосгенерированных и форсированно кэшированных PNG с использованием HTML5 canvas;
                        • Сохранение куки в Web History;
                        • HTML5 Session Storage;
                        • HTML5 Local Storage;
                        • HTML5 Global Storage;
                        • HTML5 Database Storage через SQLite.

                        При удалении из одного из этих мест кука автоматически восстанавливается из оставшихся. Работает даже если пользователь сменит браузер (через Local Shared Objects из Flash).

                        Описание (на английском) и демо: http://samy.pl/evercookie/.
                        Попробуйте удалить куки, почистить систему и зайти назад.



                        Как пользоваться?
                        Читать дальше →
                      • Cookie без куков

                        • Перевод

                        Отслеживание



                        Как мы обычно отслеживаем посетителей сайта? Одним из следующих методов:

                        • cookies
                        • javascript
                        • local storage
                        • flash, java, иные плагины
                        • ip-адрес и UserAgent


                        Допустим, пользователь отключил всё это (и ходит через прокси или даже vpn). Есть ли способ всё-таки его отследить?
                        Оказывается — да. Это кэш браузера.
                        Читать дальше →
                      • Руководство по WebKit-атрибуту srcset в тэге img

                        • Перевод
                        Свободный движок WebKit теперь поддерживает srcset атрибут изображений, IMG элементов (официальная спецификация от W3C). Это позволяет вам, как разработчику, использовать картинки с высоким разрешением для пользователей использующих ретина-дисплей без ущерба для остальных пользователей. Также важно отметить о наличие изящного решения для браузеров, которые еще не поддерживают данный функционал.

                        Обратите внимание, в необходимости использовать последние ночные сборки WebKit.

                        Читать дальше →
                      • Ещё один способ устранить ВОШ

                        Задача


                        ВОШ — эффект, возникающий при стилизации текста подключаемым шрифтом, не установленным на компьютере пользователя. Проявляется, когда подключаемый шрифт ещё не успел скачаться, и стилизуемый текст отображается следующим шрифтом из значения свойства font-family этого элемента. Такое переключение шрифтов также может повлиять на размеры элемента, если они зависят от размеров текста в нём.
                        Эффект известен также как FOUT — так его назвал Пол Айриш.

                        При общих моментах, есть и особенности. Например, в Файрфоксе текст, который нужно будет отрисовать нестандартным шрифтом, в течение 3 секунд не отображается, в Хроме тоже есть подобная задержка. Если шрифт успеет скачаться за это время, текст отобразится сразу нужным шрифтом.

                        На эту тему здесь была такая статья. В ней последствия ВОШ рекомендовалось нивелировать грамотной игрой со шрифтами. К сожалению, иногда подключаются такие шрифты, которые слишком отличаются по характеристикам от стандартных.
                        Подробности
                      • Responsive Email Design, или Как прочитать письмо на холодильнике

                          image Для нас, как и для большинства социальных сетей, очень важны email-рассылки. Одной из интересных и сложных технических задач является корректное отображение писем на мобильных устройствах. Сейчас около 23% писем Badoo открывается именно на них, и это число постоянно увеличивается. А возможно, кто-то прямо сейчас читает наше письмо на своем интернет-холодильнике.
                          Сегодня мы расскажем, каких правил придерживаться в разработке электронных писем, как сохранить их юзабилити на мобильных устройствах, а также поделимся своими хитростями, накопленными в процессе работы.

                          Требования


                          С какими проблемами мы столкнулись и какие требования предъявляются к нашим письмам:

                          • письма должны корректно отображаться в множестве разных почтовых клиентов и браузеров;
                          • они должны быть оптимизированы под различные устройства на платформах iOS и Andriod (смартфоны с большим, средним и малым разрешением экрана; планшетные компьютеры);
                          • нужна обязательная поддержка Outlook 2003/2007/2010, т.к. он занимает большой сегмент использования;
                          • редактирование компонентов, которые применяются еще в 50 шаблонах писем;
                          • необходимо создавать универсальные блоки, которые будут подстраиваться под ситуацию, т.к. в письмах данные имеют динамическую структуру (например, письма переводят на 44 языка, в них меняются размеры блоков, изображений, размер текста).
                          Читать дальше →
                        • 50 потрясающих плагинов jQuery


                            Кто-то вчера шутил, а кто-то занимался реально полезными вещами. Как например болгарский разработчик Мартин Ангелов, опубликовавший впечатляющий обзор JS библиотек:
                            http://tutorialzine.com/2013/04/50-amazing-jquery-plugins/
                            Настоятельно рекомендуется к обозрению.
                            PS Куда-то пропал тип топика «Ссылка» :(
                          • Как работают браузеры: принципы работы современных веб-браузеров

                              Просматривая одно из обучающих видео "Школы разработки интерфейсов" Яндекса, наткнулся на ссылку на офигенный труд израильской веб-программистки Тали Гарсиэль (Tali Garsiel) "How browsers work" (Как работают браузеры).

                              Она в течение нескольких лет отслеживала всю издаваемую информацию о внутреннем устройстве браузеров, изучала исходный код WebKit и Gecko и, в конце концов, собрала все воедино. Вот что пишет сама Тали:
                              Когда на 90% компьютеров был установлен IE, приходилось мириться с тем, что это загадочный «черный ящик», однако теперь, когда более половины пользователей выбирает браузеры с открытым исходным кодом, пришло время разобраться, что скрывается у них внутри, в миллионах строк программного кода на C++...
                              Пролистав, я был поражен — отличная работа. Внутреннее устройство браузеров, алгоритмы разбора — все хорошо иллюстрировано, доступно и понятно. И без излишних подробностей, страниц на 30-40. Как раз то, что нужно. Решил — это надо обязательно перевести. Покопался еще немного — оказалось перевод уже как 1,5 года есть!

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

                              Под катом содержание перевода, чтобы решить стоит ли читать.
                              Читать дальше →