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

Тем не менее (к радости посетителей и на на зло своим конкурентам), изо дня в день тысячи людей выпускают адаптированные версии своих сайтов. Красивые и быстрые. И пусть идея создания мобильной версии не пугает вас, на самом деле это не так сложно. С помощью описанных ниже сервисов вы сможете создать, разместить и запустить свой мобильный сайт уже сегодня!

1. Mippin

Mippin – фантастический инструмент, если у вашего сайта есть RSS канал. Быстро и удобно с помощью пошагового мастера можно создать прекрасный сайт. Самое приятное, что он будет оптимизирован под более чем 2000 устройств. И всё это абсолютно бесплатно! В дополнение сервис предоставляет простые статистические отчёты и возможность подзаработать, вставляя рекламу.

2. Mobilize от Mippin

Mobilize by Mippin – это потрясающий плагин для WordPress, который автоматически адаптирует ваш блог для пользователей, зашедших с мобильного по обычному URL! После установки все посетители с мобильных устройств будут автоматически перенаправлены на специальную версию – фотографии будут масштабированы до необходимых размеров экрана, а видео будет сконвертировано в общепринятый мобильный формат .3gp.

3. Mobify

Бесспорно лучший в своём роде! Позволяет с лёгкостью создать мобильную версию любого динамического сайта всего за несколько кликов. После молниеносной регистрации в визуальном редакторе указываете необходимые блоки странички и получаете готовую версию по адресу http://ваше_имя.mobify.me (http://yoyurec.mobify.me/). Далее нужно настроить перенаправление посетителей вашего сайта на этот адрес, установив javascript код или плагин на WordPress / Drupal.

В бесплатной версии сервис оптимизирует стили, картинки и медиафайлы под 5000 устройств и позволяет разместить готовый проект на отдельном домене (например, m.yoursite.com). Плюс ко всему можно интегрировать с Google Adsense, Google Analytics и Google Maps. Не сервис, а просто сказка!

4. Wirenode (бесплатен пакет “basic”)

Более 30000 сайтов было оптимизировано для мобильных с помощью очередного сервиса с названием Wirenode. Инструмент позволяет настраивать внешний вид гораздо гибче, нежели вышеупомянутый Mippin. Из панели управления пользователь может указать свой домен, загружать изображения, отслеживать посещаемость и просмотры страниц. Естественно есть просмотр мобильной версии сайта на эмуляторе. Кроме этого простой редактор позволит вам персонализировать сайт – настроить цвета, добавить картинки и создавать\редактировать\удалять дополнительные странички.

5. Osmobi

Сервис предоставляет возможность “мобилизировать” ваш сайт, если он на движке CSM Joomla! или Drupal с помощью специального модуля. В бесплатной версии посетители будет перенаправляться на аккаунт в Osmobi, на котором есть ограничение в 150 просмотров ли 100 MB в день.

6. Оптимизатор от Google

Google Mobile Optimizer самый быстрый и простой способ трансформировать ваш сайт для просмотра на мобильном. Не то чтобы он позволит что-то настроить, просто получите упрощённую страничку без шапки, рекламы… Достаточно перейти по адресу http://google.com/gwt/n, и ввести URL необходимого сайта.

Статья написана по материалам “10 Great Tools to Create a Mobile Version of Your Site”, переделана (платные + ужасно допотопные сервисы были выкинуты) и дополнена.

Похожие статьи:

1. Google Blogs рекомендует!

Твиттер очень популярен! И это уже ни для кого не секрет. Растёт и количество способов интеграции этого сервиса с блогами.

Есть много потенциальных мест у wordpress, куда можно “прикрутить” его функциональность:

• это трекбеки от людей, которые упоминали ссылку на вашу статью
• это и банальные кнопки-счётчики фолловеров и ссылки на профили twitter’а
• всевозможные виджеты со списком ваших последних твитов
• это, конечно же, и кнопки Tweetmeme (или Topsy) в каждой статье
• автоматические кросспосты анонсов статей при обновлении вашего блога
• это одна из кнопок социльных сетей – “добавь в закладки”

Я же в свою очередь предлагаю рассмотреть ещё один вариант, причём с пользой для посетителей вашего блога.

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

Думаю, подобное вы уже видели – так давайте добавим эту фишку и себе! Чем мы хуже? ))

Требуется всего лишь вставить в форму добавления новое поле ввода…

…сохранить его значение и потом красиво оформить и вывести рядом с текстом комментария. Вуаля!

Так как люди мы ленивые (хотя пришлось напильником немного пройтись), то воспользуемся плагином TwitterLink Comments. Настройки там несложные. Тем более есть русский перевод )))

От вас, по большому счёту, необходимо лишь указать основное – расположение ссылки и её текст. Хотя никто не запрещает поэкспериментировать для получения максимально красивого варианта отображения.

Если возникли вопросы – задавайте!

Похожие статьи:

1. Оптимизация Wordpress. Кешируй! Сжимай!

Теперь управлять плагинами стало ещё проще! Разработчики Mozilla добавили новую возможность – создавать свои коллекции (ура!), а также подписываться и следить за обновлениями готовых наборов. Для удобства работы выпустили плагин Add-on Collector.

Не долго думая создал свою – YoYurec WebDev Pack. Милости прошу к аддонскому шалашу… ))

Похожие статьи:

1. Плагины под Firefox
2. Ускоряем Firefox

Появился интересный плагин для jQuery – Facebox. Он является аналогом лайтбокса, тоже позволяет выводить картинки… но кроме них ещё и div’ы и даже отдельные странички!!! Берём на вооружение :)

ЗЫЖ прямо старые добрые модальные окна…

ЗЫЖЖ люди, чтобы в jQuery не было глюков, юзайте “DOCTYPE XHTML 1.0 Strict”, а то попалась в руки готовая вёрстка с “Transitional” и пришлось полдня разбирался почему в ИЕ глючит анимация :((((

Похожие статьи:

1. Facebox IE6 png transparency fix!
2. Настраиваем Thickbox
3. jQuery – статьи, уроки, книги…

Чем мне нравится этот браузер (кроме того, что поддерживает нормально CSS, в отличие от IE), так это возможностью подключать расширения! Т.е. из десятков, а то и сотен плагинов (предваритьельно выбрав нужные) можно сделать из Firefox’a канфэтку.

Ниже в произвольном порядке (но сгруппированые) описания тех плагинов, на которых я остановился, активно использую и радуюсь жизни :)

UPD: 21.04.2006

Block:

AdBlock – фильтрация рекламы;
Flashblock – блокировка флеш, при необходимости можно нажать на картинку и флешка подгрузится;

Tabs:

SessionSaver – сохраняет сессию табов, восстанавливает открытые странички при краше браузера;
Tab Mix Plus – куча настоек для табов: возможность таскать мышкой, строка прогресса на кажном табе, разные виды фокусировки при открыти/закрытии таба, помечает непрочитанные табы, добавляет “undo close tab”, и много ещё чего;
Colorful Tabs – самый бесполезный планин – разукрашивайт табы разными цветами :);

Sidebar:

XpointSidebar – сайдбар-менеджер “Избранного” на форуме xpoint.ru;
All-in-One Sidebar – позволяет окрывать в сайбаре список закачек, список расширений, список тем, закладки, историю просмотра;
TechnoBar – по данным Technorati.com показывает кто из блоггеров ссылается на текущую страничку
FlickrFox
– позволяет просматривать фото с Flickr в сайдбаре

Feed&RSS:

Sage – удобнейшая RSS читалка!;
FeedView – при клике на RSS-ссылку сразу выводит фиды, применяя стили;
LiveLines – позволяет при помощи RSS-иконки в тулбаре добавлять фид не в LiveBookmarks, а в ваш любимый фидридер, онлайновый или “программный”;

Interface:

Tiny Menu – заменяет главное меню в одну удобную кнопочку, позволяя сэкономить кучу места!

Extended Statusbar – статусбар с отображением скорости, процентажа, времени и размером загружаемого (как в Опере);
Extended Link Properties – показывает в свойствах линка на файл размер файла и др. полезную информацию;
RetroFind – убирает search panel, которая появилась в Firefox 1.0, возвращает старый добрый поисковый диалог(но панель тоже ставляет, она доступна когда делашь livesearch, т.е. находясь на страничке начинашь набирать нужное слово без вызова диалога поиска по Ctrl+F). На любителя – панель заметно лучше тем, что в ней есть highlight, а диалог тем, что он умеет искать в textarea.
RightEncoding – позволяет выставлять кодировку страницы не через View->Encoding, а через контекстное меню (как я мечтал об этом!);
Super DragAndGo – выделите и перетищите текст куда-нибудь на страничке и если это URL, то откроется в новом табе, иначе откроет эту фразу в поисковике;

Preferences:

PrefBar – создаёт панельку быстрого доступа к настройкам: images, popups, java, js, proxies;
Fasterfox – ускоряет работу браузера, устанавливая оптимальные настройки;

WebDev:

Web Developer – отключение(CSS, cookies,js, images,…) подсветка(таблиц, блоков),
работа с формами, картинками, инфа(sizes, id&classes, cookies,…);
IE Tab – позволяет просматривать страничку в закладке в помощью IE;
Opera View – для просмотра в Operе;
HTML Validator – “валидатор” проверяет правильность кода, встраивается в браузер. хотя всё равно прогнать на W3C надо – всплывёт ещё несколько ошибок;
Aardvark – Предлагаетудобные инструменты для < рентгена> страничек:
* выделяет рамкой блок, под курсором
* подсказка с типом элемента, его классом и идентификатором
* возможность удалять блоки
* обнулять свойства color и background для блока, делая чёрный текст на белом фоне
* присваивать фону элемента случайный цвет
* просматривать XHTML-код выделенного блока;
DevBoi – похож на DevEdge sidebar – удобное отображение документации в сайдбаре по HTML, CSS, DOM, XUL;
ColorZilla – “пипетка”, zoom, линейка, DOM-inspector;
FireBug – вспомогательный плагин для дебаггинга Javascript, DHTML, и Ajax. Фичи: XMLHttpRequest Spy (просмотр запросов “на лету”, по умолчанию выключен – в настройках выберите “Log Each Request”) и их протоколирование, отдельный список ошибок для каждого сайта(а не кучей как в стандартном), индикатор ошибок JavaScript с статусбаре;
View Source Chart – Выводит цветную схему странички с исходным кодом. Конечно вы можете воспользоваться, например, WebDeveloper > Outline > Block Level Elements, но это совсем не то. Можно сворачиватьразворачивать теги;
View formatted source – Добавляет полезные “фичи” во время просмотра кода странички. С помощью него можно смотреть какие именно CSS стили присвоены элементу, просматривать картинки в исходнике, добавлять комментарии, смотреть исходник только выделеннго блочного элемента, сворачивать и разворачивать код.

PageSave:

ScrapBook – для ручного сохранения страниц на винте, чрезвычайно удобная вещь;
ScreenGrab – сохраняет всю! страничку как PNG;

Booksmarks:

Flat Bookmark Editing – позволяет редактирокать закладки без открытия окна “свойства”;
BookmarksSynchronizer – позволяет сохранять закладки на серваке и синхронизировать их. Может сохранять по закрытию браузера, а по открытию скачивать!;
del.icio.us – добавляет функционала для удобной работы с этими известными социальными закладками;
Foxylicious – основан на вышеописанном BookmarksSynchronizer’е, с тем лишь отличием, что позволяет синхронизировать del.icio.us в закладки FF!

Работа с плагинами:

Mass Installer – позволяет устанавливать несколько плагинов одновременно, польза очевидна.
InfoLister – создаёт HTML или TXT список из установленных плагинов и тем, который можно скормить Mass Installer’у! :)
Nightly Tester Tools – Делает расширения совместимыми с версиями Firefox, для которых они не предназначались;
Update Notifier – Когда у плагина или темы Firefox появляется обновление, выводит уведомление об этом событии, а также позволяет устанавливать появившиеся обновления автоматически;

Other:

MinimizeToTray – позволяет сварачивать браузер и почтовик в трей;
Greasemonkey – позволяет устанавливать пользовательские скрипты, которые увеличивают функционал страничек;
Gmail Manager – менеджер почтовых аккаунтов Gmail и оповещение о новых письмах;
Performancing – плагин для удобного блоггинга прямо из браузера, нажмите F8 – и вперёд!
Deepest Sender – ещё один плагин для блоггинга

Каталог всех расширений по алфавиту.

Похожие статьи:

1. Коллекции плагинов для Firefox
2. Ускоряем Firefox
3. Выбираем софт для редактирования кода