• Создаем оригинальные hover-эффекты при помощи CSS3

    • Перевод


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

    Пожалуйста, обратите внимание, что эти примеры будут корректно работать только в современных браузерах, которые поддерживают свойства CSS3.
    Читать дальше →
  • Дайджест интересных новостей и материалов из мира айти за последнюю неделю

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


      Читать дальше →
    • Программа для отправки СМС для мобильных устройств (iOS, Android) на HTML5

        Я являюсь разработчиком в компании, которая занимается рассылками СМС и мобильным маркетингом. В мои обязанности входит разрабатывать десктопные приложения на Adobe AIR. Но после появления в нашем офисе Ipad'а, с легкой подачи Arsenichev, захотелось портировать приложение под него. В виду того, что AIR вроде как и позволяет создавать мобильные приложения, но в процессе глубокого изучения особенностей, оказалось, что на портирование всего функционала на мобильные платформы уйдет уйма времени. Связано это с быстродействием платформы, а так же с огромной разницей интерфейса в Desktop и Touch-приложениях для мобильных платформ.
        От мобильного приложения не требовалось соответствия функционалу "старшего брата", поэтому мы и решили его разрабатывать на HTML5.

        О выборе языка разработки
        Программа по-умолчанию не должна была быть нагружена огромным функционалом и должна работать как минимум на iOS и Android — было решено сделать её на HTML5. Из этого вытекают как свои плюсы, так и минусы.
        Плюсы:
        + пишешь одно приложение — работает и на iOS, и на Android и на всем остальном, что поддерживает JS и HTML5 (хоть прямо из браузера отправляй);
        + высокая скорость разработки;
        + простота разработки;
        + наличие готовых фреймворков;
        + не требует никаких аккаунтов в appstore и android market.

        Минусы:
        - невысокая скорость работы на Android;
        - невозможно использовать API платформ;
        - нет доступа к адресной книге;
        - невозможно полностью перевести приложение в оффлайн, используя для работы только непосредственно пересылку данных на наш сервер (об этом чуть ниже).
        - непривычная установка приложения, в виду отсутствия его в appstore и android market. Приложение «устанавливается» путем добавления его на хоумскрин из адресной строки. Иконки присутствуют.

        Под катом картинки и много текста.
        Читать дальше →
      • Портируем html5 игру на Android

          Это продолжение моей прошлой статьи "Создаем html5 мини-бродилку на CraftyJS". Я подумал, сейчас так много возможностей относительно просто портировать любое html5 приложение на мобильную платформы, почему бы не попробовать?

          image

          Ниже, то что из этого вышло. Внимательно читаем вывод!
          Читать дальше →
        • PhoneGap — решение проблем в первом приложении

            PhoneGap — HTML5 платформа для разработки приложений под 7 существующих мобильных платформ. На днях они обновились до версии 1.2.0 и переехали под крыло Апачи. Адрес репозитория также обновился. На сайте в документации замечательная пошаговая инструкция для создания первого приложения, так что на вводной части больше не будем останавливаться, об этом уже писали. Мелкие проблемы начинаются, когда немножко выходишь за рамки стандартных возможностей платформы, но все решаемо.

            Постановка задачи


            Захотел я сделать нидерландско-русский словарь под Андроид за неимением приличного на рынке. Мне попался словарь отсканированный с хорошего бумажного. Процесс извлечения информации с картинок заслуживает отдельной статьи. Поэтому пропустим эту часть. В качестве первого этапа сделал словарь в виде html странички. По инструкции по созданию «hello world» сделал приложение и оно успешно запустилось. Дальше надо было обработать напильником и довести до ума детали.
            ручная работа - резьба по дереву
          • Kickstrap — форк Twitter Bootstrap с темами и бонусами

              image
              Kickstrap это то, что будет если соединить Twitter Bootstrap, HTML5 Boilerplate, значки от IcoMoon и Font Awesome, добавить проверенные jQuery плагины Chosen и jGrowl, включить поддержку разных цветовых схем и тем оформления Bootswatch, дополнительную CSS сетку и вменяемую поддержку ранних версий IE.
              Читать дальше →
            • Онлайновый конвертер HTML5-приложений под Android/iOS



                Разработчикам мобильных приложений приходится непросто, портируя код под каждую ОС, разбираясь с SDK, компиляторами и эмуляторами. Создатели кроссплатформенного фреймворка PhoneGap постарались упростить задачу: тот позиционирует себя как единственный open source мобильный фреймворк с поддержкой шести мобильных платформ. Теперь они пошли ещё дальше и выкатили PhoneGap Build (бета) — простой онлайновый конвертер из HTML5. Достаточно загрузить приложение на html/js/css — и на выходе получаете готовый бинарник для Apple App Store, Android Marketplace, Palm, Symbian или BlackBerry.
                Читать дальше →
              • Техническое задание на сайт. Практика



                  В комментариях к статье Техническое задание на сайт зашел разговор о шаблоне для техзадания и, собственно, примере ТЗ, составленного по описанным в статье принципам. Там я пообещал показать, и шаблон, и само ТЗ.

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

                  Много текста и картинок
                • Выбор цветовой палитры по фотографии

                    Дизайнер Джессика из компании Seed Design Consultancy занимается подбором оригинальных цветовых палитр для сайтов и предлагает несколько методов, в том числе по произвольному цвету, по рубрикатору тем (осень, минералы, природа). Сейчас она придумала ещё один способ, который несложно реализовать самостоятельно методом статистического анализа.

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


                    Читать дальше →
                  • Самый главный миф о Pixar

                      Сумма в 2,5 миллиарда долларов, вырученная от продаж обеих частей «История игрушек», «Приключения Флика», «Корпорация монстров» и «В поисках Немо» сделала Pixar коммерчески наиболее успешной анимационной студией за всё время существования кинематографа.

                      «В поисках Немо», последний из перечисленных в этом списке фильмов, Pixar выпустила в 2003 году. Пятый фильм оставался самым кассовым (и прибыльным) фильмом студии вплоть до 2010 года. Сборы от последующих фильмов оказались не такими большими, а растущие бюджеты на производство делали их менее прибыльными. В 2005 году DreamWorks Animation – основной конкурент Pixar – обошел их сборам, а в 2007 году по прибыли.

                      С 2007 года Pixar больше не является коммерчески наиболее успешной анимационной студией.

                      Дальше будет доказательство со множеством цифр.

                      Читать дальше →