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

Китайский интернет: краткий обзор около социальных сервисов

Пост является значительной переработкой статьи The Complete Guide to China’s Major Social Media Networks с моими правками, комментариями и некоторыми иллюстрациями. А ещё добавил правильное русское чтение китайских сервисов.

17 апреля 2014 г. китайский аналог Twitter'а — Sina Weibo – вышел на американскую биржу. Благодаря IPO компания привлекла меньше ожидаемого, однако это, безусловно, большой успех китайских социальных медиа-ресурсов. Поэтому стоит сделать небольшой обзор существующих на сегодняшний день китайских социальных интернет-ресурсов. Разумеется, он не претендует на абсолютною полноту и объективность, поэтому смело пишите свои дополнения и замечания.

Платформы и сервисы, о которых пойдёт речь, имеют как настольный, так и мобильный клиент, если прямо не указано другое.
Так же следует помнить, что многие иностранные ресурсы – такие, как Facebook, Twitter, YouTube, частично Википедия – заблокироавны в КНР, поэтому местные жители пользуются китайскими аналогами, зачастую не зная о существовании оригиналов. Кроме того, везде существуют списки «плохих слов» (в основном плохих политически), ввод которых блокируется, либо активность таких пользователей тщательно отслеживается. Под Китаем, разумеется, будем иметь в виду его материковую часть, не считая Гонконга, Макао и Тайваня, где цензура компартии не работает.

Категории социальных медиа

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

Обмен сообщениями (IM)

Мобильные сети

МузыкаВидео

Блогоплатформы

Микроблоггинг

Социальные сети

Форумы

Отзывы и обзоры

Электронная торговля

Туристические сайты

Знакомства

Бизнес-сети

Лёгкий блоггинг (Light Blogging)

Обмен фото и картинками

Обмен видео

Энциклопедические сайты

«Социальный шоппинг»

Читать полностью »

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

В декабре прошлого года мы объявили о начале тестирования возможности индексирования мобильных приложений в Поиске Google. Уже в апреле этого года мы стали отображать ссылки на мобильные приложения в результатах Поиска на Android-устройствах англоязычных пользователей по всему миру. Начиная с сегодняшнего дня, увидеть в выдаче Поиска прямые ссылки на приложения и решить, переходить ли на мобильную версию сайта или просмотреть контент сразу в Android-приложении, смогут пользователи из России и ещё нескольких стран. Мы добавляем в результаты первых создателей контента на других языках: Fairfax Domain, MercadoLibre, Letras.Mus.br, Vagalume, Idealo, L'Equipe, Player.fm, Upcoming, Au Feminin, Marmiton и chip.de. В США мы также начинаем поддерживать еще несколько приложений — Walmart, Tapatalk и Fancy.

А еще мы перевели наши рекомендации для разработчиков, заинтересованных в добавлении своего приложения в индекс Google, на восемь языков, в том числе и на русский!

Рекомендации по индексированию приложений

Читать полностью »

Начался приём предзаказов на dev смартфон Flame под Firefox OSЭталонный смартфон на операционной системе Firefox OS доступен для предзаказа за $170, с бесплатной доставкой во все страны мира, кроме Японии.

Модель Flame анонсировали в феврале 2014-го как образцово-показательное устройство для демонстрации стандартного дизайна, разработки и тестирования свободной операционной системы Firefox OS. Тогда Mozilla объединила усилия с компанией T2Mobile для производства партии смартфонов. До сих пор не существовало «эталонного» устройства, на котором можно тестировать приложения.

Поскольку устройство создано для разработчиков, Mozilla попросила T2Mobile удержать цену как можно ниже.
Читать полностью »

Это случилось: Хабр получил новый дизайн в стиле остальных ТМ-продуктов.

Что не так с редизайном Хабрахабра

Вообще-то я люблю перемены, и редизайн привычных вещей вызывает в первую очередь оптимизм. Это как перестановка мебели в квартире: обстановочку освежать надо. Но помимо приятного чувства новизны некоторые изменения вызывают вопросы. Понятно, что Хабр уже не торт и мы всегда будем помнить его тёплое ламповое старое лого, но я хочу поговорить про то, что можно оценить вполне объективно — про юзабилити нового хабрадизайна.
Читать полностью »

Предостережение

Сотрудникам мтс, читать не желательно. Слишком специфическая направленность статьи.

Хвастовство

На данный момент, я свободно пользуюсь всеми прелестями полностью безлимитного интернета на скорости ~1-9 Мбит/с (зависит от загруженности сервера) за 300 рублей в месяц, чего не мог позволить себе, буквально неделю назад.
Теперь не только моя «симкарта» довольна от затрат на интернет, а наконец то и конечный пользователь этого интернета, т.е. я. Справедливость торжествует, но думаю скоро прикроют лавочку.
Читать полностью »

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

Я хочу рассказать о том, что такое font boosting в мобильных браузерах, к какой неожиданной проблеме он может привести при web-разработке и как с этой проблемой бороться.

Рассмотрим пример из реальной жизни:

Пример 1:

  1. Имеется вновь созданный span с display: inline-block.
  2. Измеряем его ширину в пикселях через свойство offsetWidth.
  3. Меняем его цвет.
  4. И, вдруг, в Google Chrome for Mobile, после изменения цвета ширина элемента резко увеличивается, переставая соответствовать той, что была измерена всего двумя строчками выше!

Показать код

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv = "content-type" content = "text/html; charset=utf-8" />
    <title>Проблема с Font boosting в Google Chrome for Mobile</title>
    <script type = "text/javascript">
      window.onload = function ()
        {
        var spnSpan1 = document.getElementById ("span-1");
        
        alert ("Ширина элемента до изменения цвета: "+ spnSpan1.offsetWidth +"px"); //59px
        spnSpan1.style.color = "red";
        alert ("Ширина элемента после изменения цвета: "+ spnSpan1.offsetWidth +"px"); //186px
        }
    </script>
  </head>
  <body>
    <p>
      <span id = "span-1" style = "display: inline-block;">Элемент</span> 
    </p>

    <!--
    На странице должно быть достаточно текста.
    Если убрать этот абзац, глюк перестанет возникать.
    -->
    <p>
      abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
      abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
      abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
      abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
    </p>
  </body>
</html>

Смотреть пример on-line.

(Для просмотра примеров из этой статьи воспользуйтесь Google Chrome for Mobile или обычным Google Chrome в режиме эмуляции смартфона, например Apple iPhone или Samsung Galaxy Note II).

Причиной такого странного поведения, как раз, и является font boosting.

 

Что такое font boosting

Font boosting — это специальный прием, с помощью которого мобильные браузеры подгоняют размер шрифта под разрешение мобильного устройства. Этот прием нужен из-за того, что многие web-страницы, сверстанные в расчете на десктопные браузеры, содержат текстовые элементы, ширина которых превышает ширину мобильного экрана. Для просмотра этих элементов посетитель вынужден либо использовать горизонтальную прокрутку, либо вписать элемент в размеры экрана, уменьшив масштаб страницы. Однако, при уменьшении масштаба уменьшается также и размер шрифта, делая текст порой совершенно нечитаемым. Так вот, font boosting специально увеличивает размер шрифта, так, чтобы после вписывания блока в ширину экрана, этот размер шрифта соответствовал изначально задуманному.

Степень увеличения размера шрифта при font booting'е зависит от ширины элемента — чем шире элемент, тем сильнее его надо уменьшить, чтобы вписать в размеры экрана, и, соответственно, тем больше надо увеличить размер шрифта для компенсации этого уменьшения.

 

Проблемы font boosting в Google Chrome for Mobile

Реализация font boosting в Google Chrome for Mobile имеет две особенности, которые могут привести к сложнообнаружимым ошибкам при web-разработке:Читать полностью »

Самая быстрая в мире сеть передачи данных от «МегаФона»

Спешим обрадовать наших клиентов и «порадовать» конкурентов: сегодня «МегаФон» осуществил запуск сети новейшего стандарта LTE-Advanced. Его можно назвать стандартом 4G+.

Запуск состоялся не на бумаге, новая сеть доступна уже сейчас. Это первая в мире действующая сеть стандарта LTE-Advanced, обеспечивающая рекордную скорость передачи данных до 300 Мбит/сек. Причём стоимость услуг в ней такая же, как и в сетях 3G и 4G, то есть цена для абонентов никак не изменится.
Читать полностью »

Доброго дня.

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

И так письмо:

Адаптивные письма? Пожалуйста!

Футер нас не особо интересует, ибо там все ок. Читать полностью »

Доброго времени суток всем хабражителям. Меня зовут Илья Шакитько и я работаю в LeaseWeb, в команде, работающей над облачными сервисами. Решая очередную задачу, связанную с исследованием той или области, мы стараемся поделиться полученными знаниями или мыслями с сообществом. Не так давно мы проводили DevOps встречу в нашем офисе, где одним из выступающих был мой коллега, Мауритс ван дер Скхи, который рассказывал об API First архитектуре. Немногим ранее в нашем блоге он опубликовал статью, переводом которой я хотел бы поделиться с вами.

Введение

API First архитектура это архитектура, для которой API пользователь является основным пользователем приложения. Это означает, что этот API должен иметь наивысший приоритет, а не быть еще одним представлением (view) в парадигме MVC. Основное различие состоит в том, что API First требует наличия полного, адаптивного и хорошо документированного API. Это особенно важно в таргетировании: на мобильных платформах (приложения используют API), у реселлеров (слой представления использует API) и в многопродуктных средах с высокой интеграцией, но малой связанностью.
Читать полностью »


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