Рубрика «Мобильный веб» - 14

Приветствую, друзья.

Как вы знаете, в последнее время технология разработки игр для мобильных платформ развивается очень бурно. Игры пишутся на самых разных движках и языках, мы не будем в этой статье обсуждать, почему тот или иной язык/движок лучше или хуже (правда ведь?). Разработчики пытаются придумать новые интересные и удобные элементы управления игрой. Мне как игроку очень нравится использовать в игре геометрические элементы. Например такие, как в игре Джаггернаут для мобильных устройств.

Определение процента схожести нарисованного 2d полигона с заданным шаблоном

Я попробую рассказать вам об алгоритме определения нарисованных 2d фигур. Свою версию движка я написал на языке ActionScript 3.0. При желании(и наличии базовых знаний по геометрии) его можно реализовать на любом другом.

Итак, нам необходимо по нарисованной руками фигуре определить процент схожести с имеющейся:

Определение процента схожести нарисованного 2d полигона с заданным шаблоном
Читать полностью »

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

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

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

Арканоид с джойстиком на телефоне
Читать полностью »

Здраствуйте, ребята!

Сегодня наткнулся на статью «9 интересностей и полезностей для веб-разработчика» (http://habrahabr.ru/post/189994/), в которой рассматриваются всякие полезности для веб-разрабочиков. Среди всего прочего нашел для себя прикольную тулзу для тестирования сайта под разным расширением — «dimensionsapp» (ссылка). Но в чем проблема, мне необходимо тестировать сайт который располагается на моем локальном веб-сервере. И тут мне в голову пришла идея быстренько собрать такую же тулзу, только чтобы она работала у меня в локале!

Требования к тулзе:

  • Возможность ручного выбора ширины области просмотра и выбор из готовых размеров устройств Apple (iPhone и iPad)
  • Возможность просматривать на 100% высоты окна или полностью подстравить область просмотра под размеры девайса
  • Простой и легковесный интерфейс (никакой графики)
  • Шкала делений с шагом в 5 и 50 пикселей
  • Возможность видеть текущую ширину области просмотра

Итак в результате 3-х часов кодинга получена тулза с кодовым названием «Moka moka» (ну я долго не думал). Дальше парочка скриншотов работы тулзы:

Тестирование адаптивной верстки локального сайта
Читать полностью »

Мобильная типографика

При разработке дизайна необходимо учитывать корректность его отображения не только на больших экранах, но и на мобильных устройствах. И в первую очередь это касается читаемости контента. Поэтому необходимо уделять особенное внимание типографике, которая является основой веб-дизайна. На эту тему есть полезная статья шестилетней давности — Web Design is 95% Typography (автор Oliver Reichenstein).

Для начала рассмотрим основные моменты веб-типографики с примерами на мобильных устройствах.Читать полностью »

image

Сегодня 31 июля прошло очередное заседание правительства под длинным названием: «Заседание президиума Совета при Президенте Российской Федерации по модернизации экономики и инновационному развитию России». Помимо ведра «воды» про «внедрение» и «углубление» присущей подобного рода заседаниям проскользнуло несколько моментов ярко характеризующих сегодняшнюю ситуацию с информатизационно-инновационными играми правительства, а также дающих понимание того, насколько далеки от рассматриваемой темы люди курирующие её.
Читать полностью »

На сегодняшний день существует немалое количество обзорных статей о PhoneGap, но к сожалению, написаны они или front-end разработчиками, которые решили заняться мобильными платформами, или нативными программистами, которые решили попробовать себя в кроссплатформенной разработке. И именно с этих позиций рассматриваются достоинства и недостатки PhoneGap'а, возникают статьи о том, «насколько крута кроссплатформа», или об «ущербности кроссплатформенных решений».

В качестве затравки — видео демо-приложения, написанного за 6 часов; готовым был взят UI-бутстрап, наверстанный за 3,5 часа; использовались библиотеки iScroll, backbone, underscore, Jquery, и небольшая обертка на backbone (RAD.js — rapid application development, архитектурный фреймворк, берущий на себя часть оптимизации, связанной с мобильной средой выполнения).

Еще 2 часа было потрачено на фикс движка. Но сегодня речь не о том, что что-то тормозит, дергается, или самописный свайп не всегда вовремя отрабатывает на 14000 объектах данных; речь о том, что на PhoneGap можно и нужно писать.

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

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

Effeckt.css от команды HTML5 Boilerplate: избранные эффекты и переходы на CSS
Читать полностью »

Уровень подготовки веб-мастера: любой

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

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

Давайте рассмотрим две наиболее распространенные ошибки при разработке мобильных сайтов и поговорим о том, как их исправить.

Неправильная переадресация

На некоторых сайтах обычная и мобильная версии одной и той же страницы используют разные URL. При неправильной переадресации страница для обычных компьютеров направляет пользователей смартфонов в раздел, который ей не соответствует (как правило, это главная страница мобильного сайта). Более наглядно это представлено на рисунке ниже:

Пример неправильного перенаправленияЧитать полностью »

Разрабатывая мобильное приложение, я обнаружил пару вещей, знания о которых мне бы пригодились, когда я начинал. Поэтому я решил написать статью в формате небольших советов. Эти советы больше нацелены на разработку мобильных приложений под PhoneGap, Windows 8 и Firefox OS. Но разработчикам мобильных веб-сайтов тоже могут пригодиться. В конце статьи дам ссылки на то, что в конце концов получилосьЧитать полностью »

Смартфоны под Firefox OS поступили в продажу

Официально представлены первые устройства под операционной системой Firefox OS, это модели Alcatel One Touch Fire и ZTE Open у операторов Deutsche Telekom (Германия) и Telefonica (Испания), соответственно. Продажи ZTE Open начались уже сегодня, 2 июля 2013 года.

Аппарат ZTE Open с процессором Snapdragon на 1 ГГц, 256 МБ оперативной памяти, 4 ГБ флэш-памяти, 3,5-дюймовым дисплеем, HSDPA, 3,2-мегапиксельной камерой, Bluetooth, A-GPS и Wi-Fi у оператора Movistar (Telefonica) продаётся без контракта за 69 евро, при этом 30 евро кладутся на счёт абонента.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js