Мобильные сайты на примере сешников рунета

мобильные сайты

Приветствую посетителей блога Gtalk.kz. Сегодня в данной статье поговорим об адаптивности блогов под мобильные устройства.

О том, что роль мобильных устройств и гаджетов будет увеличиваться, думаю, нет. Если все же сомневаетесь, то почитайте в интернете очень интересных статей, например, на хабре.

А теперь на живом примере. Возьмем статистику двух блогов devaka и глобатора, так как она открыта. За что им спасибо :)

Блог Devaka.ru

статистика devaka.ru

Блог shakin.ru

статистика shakin.ru

Т.е. мы с вами наблюдаем явную тенденцию. Ко всему в 2013 году выпустят 100% мобильное устройство от google, ubuntu на телефон и появление Firefox OS. Поэтому стоит задуматься ;)

ubuntu на телефон

Теперь слайдшоу из топ 10 сеошников рунета под мобильный телефон. Собственно, кому интересно в описании к картинкам есть ссылка на блог каждого участника

Кстати, этот топ 10 я взял у Ленара, кому интересно смотрим.

Здесь должны быть комментарии по поводу выше выложенных скриншотов, но как говориться no comments  :)

Хотелось отметить блог Елены Камской, которая позаботилась о пользователях и установила плагин WordPress Mobile Pack, но меня, почему то перекидывает на основной сайт или так должно быть?

Одно меня радует, что устройства подстраивает текст под свой экран, либо используется viewport.

Собственно, к чему пост данный? Было время, когда мой доступ в интернет был только через мобильный телефон. Печально и неудобно было сервить в интернете, читать блоги. Конечно, отчасти можно решить вопрос, например, скачать reader и читать с него, но многие обрезают свои посты и тут опять тупик. Но Wildo, например, здесь отличился, выдает полную статью в reader. Это круто. Я после сделал также. :)

А у вас как на блогах/сайтах? Что вы используете плагин или что-то другое? Высказываемся.

Кстати, будет полезно почитать к этой теме. Не забудьте подписаться на обновления, будет много полезной информации ;)

с/у Талга УтБ

Если ищите хорошую технику от офисной бумаги до сервера, то покупайте на http://everest.ua. Самый большой выбор.

Ну и на десерт, обзор Firefox OS :)

Комментарии к статье

  • #

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

  • #

    Скоро все перейдет на мобилу.

  • #

    Думаю лучще использовать плагин адаптации, уменя цмс самописка на 80% при этом использую функцию авто выбора отображения PDA, WAB, Веб и Тачь после под каждый из этих вариантов идут разные дизайны чтобы можно было потобрать более приятный на глаз! В итоге я получаю довольных посетителей и качественное отображение текста на экранах, есть еще одна функция кторая обрабатывает изображения в 3 размера это 60-60, 120-120 и 780-780 для мобилок, точев и пландешов ну и на засыпку компы, только есть один нюанст! Я это все ктому что – Даже если установить мобильный планин на цмс нужно работать и с контеном и навяшивой рекламой роторок картинок линковых, не все браузеры имеют достаточной памяти для обработки всех этих данных и зависают.

    • #

      поэтому сайты надо делать легче и проще ;)

  • #

    Печально и неудобно было сервить – *Серфить

  • #

    Очень интересно читать Ваши статьи.

    • #

      спасибо, старался)

  • #

    Резиновый блог…весьма интересно. Сейчас много сайтов делают по данному принципу так как многие сидят в интернете с мобильных устройств.

    • #

      да, с каждым днем мобильные устройства завоевывают свою нишу, сам на себе ощущаю :)

      • #

        Нужно и самому учится делать резиновый дизайн что бы не отставать от прогресса))

  • #

    Вы собираетесь сделать свой блог как приложение для iPhone?)

    • #

      немного не понял вопроса :twisted:
      собственно, я использовал адаптивный подход, можете изменить размер браузера и посмотреть :|

  • #

    Хорошая статья, спасибо. Удачи Вам! ;)

  • #

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

    • #

      оставил комментарий :) в сл. раз такой спам не пройдет ;)
      Для порталов лучшее решение сделать мобильную версию сайта типа m.site.kz или wap/pdab т.д. Ну, если денег много, то можно и мобильные приложения забабахать :)

  • #

    Теперь стал делать мобильные версии. Особенно нужны они если тематика как у мя.
    На новом сайте сделал мобильную версию в полном минимализле)

    • #

      что-то не увидел мобильную версию :)

  • #

    Как по мне, лучше плагины не использовать. Намного удобнее и проще делать адаптивный дизайн. В нем множество плюсов. Ну минуса – это сложность разработки для неопытных // Но если учесть что в свободном доступе есть множество прекрасных шаблонов, то это уже и не минус)) На хабре были статейки. Но лень искать)

    • #

      согласен, для блогов самый лучший вариант, хотя бы тот же twitter bootstrap, а лучше безболезненно перейти на готовый фреймворк, подпиленный под себя

      • #

        По поводу подпиливания под себя: имеется в виду выставление конкретных опций или более глобальная переделка?

        • #

          все зависит от нужд. обычно, нет золотого решения. а если есть что-то, то необходимо добавить/убрать (обычно всегда так :) )

  • #

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

    • #

      Хорошо, будем иметь в виду :)