• Обновление шрифта Fira Sans

      image
      На прошлых выходных известный специалист Erik Spiekermann анонсировал выход новой версии шрифта Fira Sans(3.1). До этого шрифт был доступен в восьми начертаниях: (light, regular, medium и bold)*italic и отдельный Fira Mono в начертаниях regular и bold. В новой версии появилось дополнительно 24 начертания, от hair до ultra. Таким образом шрифт стал одним из самых насыщенных из всех бесплатных шрифтов.
      Читать дальше →
    • IT-эмиграция в Страну Улыбок, в Тайланд

        На фоне серии топиков от экспатов, решил тоже поделится. Мне не жалко, а кому-то будет интересно.

        Меня зовут Влад, я родился в г. Витебске, Беларусь. В 23 года эмигрировал в Санкт-Петербург, Россия. В данный момент живу в Бангкоке. Владею PHP и навыками технического SEO. 2 дня в неделю работаю в Американской компании, остальное время занимаюсь своими проектами. В Тайланде уже год и пока никуда двигать не собираюсь.
        Читать дальше →
      • Дизайн кассового чека

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



          При этом чек уносит с собой каждый наш покупатель, и это попросту глупо не использовать. Равно как стоит добавить бумажке немного полезности.
          Читать дальше →
        • Видеонаблюдение на Raspberry Pi

          Доброе время суток!

          В предновогоднюю ночь у меня возникла идея соорудить некое подобие видеонаблюдения. Все необходимое у меня имелось на руках:
          • Одноплатный компьютер Raspberry Pi Model B
          • Web-камера LOGITECH HD Webcam C270

          Прочитав статью я решил немного развить идею автора.

          Основное отличие моей идеи от идеи автора заключается в том, что у меня присутствует возможность просмотра событий в режиме реального времени без потери основной функции — видеозаписи.
          Читать дальше →
        • Анимация SVG-элемента path

          • Tutorial
          Думаю многие видели обзоры игровых консолей нового поколения от Polygon (Vox Media). Это те, где консоли отрисовывались в стиле blueprint'ов:

          PlayStation 4

          Обзоры выглядели круто, довольно необычно и ново. О том как реализована основная фишка обзоров — SVG анимация, как сделать нечто подобное самому, и какие ещё «секретные» возможности скрывает старый добрый SVG в плане анимации элемента path — можно узнать под катом.
          Читать дальше →
        • Разработка Quick Look plugin для OS X

          • Tutorial
          Quick Look — приложение в OS X, которое создает thumbnails (иконки) и previews (окно с описанием/содержимым файла по нажатию пробела в Finder). Оно поддерживает ряд стандартных файлов, для не поддерживаемых можно устанавливать QL plugins — генераторы иконок и/или превью. Они имеют формат .qlgenerator, размещаются в ~/Library/QuickLook и /Library/QuickLook.

          Я пишу приложения под iOS, иногда под OSX. Со сторонними QuickLook генераторами столкнулся, когда увидел плагин для первью .mobileprovisionProvisioning.
          .mobileprovision/.provisionprofile — профиль, содержащий сертификаты, допущенные для установки устройства, некоторые параметры для развертывания iOS & OSX приложений.

          Вот так папка с профилями выглядит без всяких плагинов для Quick Look:

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

          Сперва я стал использовать open-source Provisioning, потом закрытый, но более красивый и подробный ipaql. Необходимость написания своего открытого решения возникла после того, как автор ipaql добавил совместимость с OS X Mavericks лишь спустя полгода после выхода системы, а отображение иконок не починил до сих пор.

          Вот что у меня получилось — ProvisionQL.
          Поддерживаемые типы файлов для создания иконок и превью:
          • .ipa — iOS packaged application (как из Xcode, так и из AppStore)
          • .app — iOS application bundle
          • .mobileprovision — iOS provisioning profile
          • .provisionprofile — OSX provisioning profile



          Под катом я расскажу об основных шагах при создании Quick Look плагинов.
          Читать дальше →
        • Перенос Google Chrome на RAM-диск в Linux

          • Tutorial
          Опишу простой способ переноса кеша, настроек и прочих локальных данных Google Chrome на RAM-диск в Linux. Это ускорит скорость работы браузера и исключит насилие над диском (что особенно критично, если у вас SSD).

          Статья не содержит ничего интересного для более-менее продвинутых пользователей Unix-like систем. Совсем ничего.

          Читать дальше →
        • Верстка писем и email рассылок. Немного магии Gmail


            Автор изображения Mike, Creative Mints

            Добрый день. Я уже не раз писал о том, что media_queries в почтовых клиентах работают прекрасно. Даже outlook.com в браузере их адекватно воспринимает. Но вот gmail на яблоке и андроиде так не считает.

            Если в случае остальных клиентов мы можем сделать, например так:
            @media only screen and (max-width:480px) {
            .big_img { display:none !important; }	 .small_img { display:block !important; }
            }
            @media only screen and (max-width:600px) {
            .big_img { display:block !important; }	 .small_img { display:none !important; }
            }
            
            Читать дальше →
            • +12
            • 33,6k
            • 6
          • Анимация в интерфейсах

            • Перевод
            Когда мы создаем статические макеты интерфейсов (будь то сайтов или мобильных приложений) в Photoshop, мы не слишком сильно задумываемся над тем, как этот макет поведет себя в динамике. Стив Джобс как то сказал: «Дизайн это не то как продукт выглядит, это то как он работает». Наше впечатление от продукта формируется на основании многих факторов, но самым важным является комфортное взаимодействие с ним.

            Анимация прокрутки


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


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