Cоздание мабільнай версіі сайта.

  1. Сэрвісы для аптымізацыі Вашага кантэнту пад браўзэры мабільных тэлефонаў
  2. Убудовы для WordPress і іншых выдавецкіх сістэм
  3. Інструменты для дызайнераў
  4. іншыя рэсурсы

Прапануем Вашай мниманию артыкул Крысціны Уорен (Christina Warren) A Guide to Mobile Web Design Tips and Tricks . Арыгінал артыкула вы можаце паглядзець па адрасе

Наяўнасць версіі сайта, аптымізаванай для мабільных прылад, сапраўды можа вылучыць Ваш сайт з агульнай масы Наяўнасць версіі сайта, аптымізаванай для мабільных прылад, сапраўды можа вылучыць Ваш сайт з агульнай масы. Не гледзячы на ​​тое, што такія смартфоны як iPhone і Google Android могуць адлюстроўваць «паўнавартасныя» вэб-старонкі, наяўнасць старонак, адфарматаваных для невялікіх экранаў і з функцыямі, якія могуць выкарыстоўваць перавагі сэнсарнага экрана, геолокации або функцыянал адраснай кнігі, могуць значна палегчыць вэб -серфинг на мабільным тэлефоне.

Яшчэ некалькі гадоў таму, аптымізацыя вэб-сайтаў для мабільных браўзэраў была хваравітым і працаёмкім працэсам, збольшага з-за абмежаванага функцыяналу большасці мабільных браўзэраў. Сёння, дзякуючы распаўсюджванню WebKit (які з'яўляецца асновай браўзэраў на iPhone, Android і WebOS- прыладах, а з наступнага года, верагодна, і BlackBerry), значна лягчэй прыняць стратэгічнае рашэнне аб папулярызацыі Вашага сайта на мабільных платформах.

Мы сабралі падборку адпаведных рэсурсаў.

Сэрвісы для аптымізацыі Вашага кантэнту пад браўзэры мабільных тэлефонаў

Калі ў Вас няма вопыту ў HTML і CSS (ці ў Вас няма часу), існуе цэлы шэраг сэрвісаў для стварэння мабільнай версіі Вашага сайта.

MoFuse and MoFuse Premium - MoFuse прапануе просты інструмент для блогераў і прадпрыемстваў па стварэнні мабільнай версіі вэб-сайтаў. Для блогераў або маленькіх сайтаў, кампанія прапануе прадукт MoFuse for Blogs, які ўяўляе сабой інструмент для хуткага стварэння мабільнай версіі Вашага сайта (ён выкарыстоўвае Ваш RSS для генерацыі новага сайта) з доступам да яго па спасылцы "m.yourdomain.com." Для прадпрыемстваў або вялікіх сайтаў, якія хочуць больш кантролю прапануецца прадукт MoFuse Premium, які змяшчае больш наладжвальных параметраў.

Mippin - іншы бясплатны сэрвіс, які дазваляе хутка ствараць мабільную версію Вашага сайта, выкарыстоўваючы RSS-канал. Опцыі і налады даволі абмежаваныя, але версія, якая ствараецца Mippin, павінна праглядацца практычна на любым WAP-сумяшчальным мабільным тэлефоне.

mobiSiteGalore - дазваляе хутка ствараць мабільныя версіі сайтаў. Прадукт прадастаўляе карыстальнікам некалькі магчымасцяў налады, а таксама, дзякуючы MOBI TLD. mobiSiteGalore, магчымасць стварэння мабільнага сайта як з кампутара, так і з мабільнага тэлефона.

Убудовы для WordPress і іншых выдавецкіх сістэм

Убудовы для WordPress і іншых выдавецкіх сістэм

Наяўнасць сайта, адфарматаваных для WAP, - гэта добра, але калі вы хочаце мець магчымасць прапанаваць наведвальнікам з iPhone або Android прыладамі некаторыя сапраўды значныя аптымізаваныя мабільныя функцыі, у Вас павінен стаць пытанне аб стварэнні асобнага стылю для сайта. Для карыстальнікаў WordPress і іншых выдавецкіх сістэм існуе мноства ўбудоў для вельмі простага дадання мабільных тэм для Вашага сайта.

WPtouch - выдатны убудова, даступны для карыстальнікаў WordPress.org (карыстальнікі WordPress.com таксама могуць скарыстацца перавагамі WPtouch з нядаўна дададзенымі мабільнымі тэмамі), які аўтаматычна робіць ваш сайт зручным для чытання і доступу з iPhone або Android прылад.

Убудова з'яўляецца надзвычай надзейным і нават прапануе такія бэкэнд-функцыі як магчымасць ўстаноўкі iPhone Favicon (так што, калі карыстальнікі дадаюць ваш сайт на галоўны экран свайго iPhone, ён адлюстроўваецца добра таго, хто глядзіць абразком), здольнасць працаваць з іншымі ўбудовамі WordPress, такімі як Flickr, RSS і Blip .it, падтрымку AJAX, наладу загалоўкаў і многае іншае. Сапраўды цікава ў WPtouch тое, што карыстальнікі могуць адключыць яго і атрымаць доступ да поўнай версіі сайта ў любы час з дапамогай перамыкача на мабільную версію і назад у ніжняй частцы кожнай старонкі.

WordPress Mobile Edition - Crowd Favorite стварылі убудова, які дазваляе карыстальнікам лёгка вызначыць, для якіх тыпаў прылад павінна быць паказана мабільная вэб-старонка, а для якіх няма (напрыклад, калі вы хочаце, каб карыстальнікі BlackBerry праглядалі старонку для мабільных прылад, а карыстальнікі iPhone - поўную версію сайта). Ён пастаўляецца з наборам тым Crowd Favorite's Carrington Mobile Theme прыемных для ўспрымання і цалкам наладжвальных.

WordPress Mobile Pack - гэта цэлы набор інструментаў для аптымізацыі вэб-сайтаў для мабільных тэлефонаў ад каманды dotMobi . Яна ўключае ў сябе базу вельмі прывабных тым, мабільную панэль адміністравання, падтрымку мабільнай рэкламы і магчымасць наведвальніку пераключэння паміж поўнай і мабільнай версіямі вэб-сайта.

WPtap - гэта убудова для WordPress. На сайце таксама прапануюцца некаторыя альтэрнатыўныя тэмы для карыстальнікаў, якія хочуць наладзіць палепшаны знешні выгляд і ўспрыманне сайта. WPtap выглядае вельмі падобным на WPtouch, аднак акцэнт ставіцца на прадастаўленні гатовых мабільных стыляў.

WordPress Mobile by Mobify - гэта убудова для службы Mobify (гл. Апісанне ў раздзеле ніжэй). Ён ажыццяўляе аўтаматычнае перанакіраванне мабільных кліентаў да вашай мабільнай версіі сайта.

Mobile Plugin for Drupal - убудова прапануе Drupal-сайтам версію, аптымізаваную для прагляду з мабільных тэлефонаў. Пастаўляецца з мабільнай версіяй стандартнай тэмы Drupal Garland і ўключае ў сябе вызначэнне прылад, сродкі для дадання спецыфічных мабільных функцый і аўтаматычную замену відэа устаўленага з YouTube на m.youtube.

OSMOBI - гэта паслуга, і ўбудова для Joomla і Drupal карыстальнікаў, што дазваляе лёгка наладзіць свой блог для мабільных карыстальнікаў. Гэтая паслуга з'яўляецца бясплатнай для 150 праглядаў старонак у дзень, але прэміум-планы таксама даступныя.

Інструменты для дызайнераў

Інструменты для дызайнераў

Mobify - сапраўды цікавы сэрвіс, таму што падае сабой простае сродак для дызайнераў або карыстальнікаў, якія ведаюць HTML і CSS, бязбольна мадыфікаваць і аптымізаваць свае вэб-сайты для мабільнага доступу. Гэтая паслуга з'яўляецца бясплатнай (хоць даступныя штомесячныя платныя планы з пашыранымі магчымасцямі) і яна вельмі добра працуе з такімі сістэмамі як WordPress, Drupal, ExpressionEngine і любымі іншымі, якія мае прадказальныя URL-мадэлі і добра сфармаваным HTML.

У Mobify прысутнічае візуальны рэдактар, які дазваляе ўбачыць, як будзе адлюстроўвацца Ваш кантэнт на розных тыпах прылад, а затым дазваляе змяніць CSS і праглядзець змены ў рэжыме рэальнага часу. У якасці прыкладаў выкарыстання Mobify для стварэння сайтаў, аптымізаваных пад мабільныя прылады, можна назваць List Apart і сайты паважаных вэб-распрацоўнікаў і дызайнераў, такія як Jonathan Snook і Veerle Pieters .

iPhoney - iPhoney ад Marketcircle падае распрацоўнікам магчымасць праглядзець з дакладнасцю да піксела, як будзе выглядаць сайт пры праглядзе на iPhone. Чаму гэта важна? Таму што пры стварэнні мабільнай версіі сайта, важна мець магчымасць паглядзець, як канчатковы прадукт будзе выглядаць на вашым тэлефоне. iPhoney на дадзены момант не абноўлены, але ўсё яшчэ з'яўляецца вельмі карысным інструментам.

iWebKit - гэта framework для стварэння сайтаў, аптымізаваных для прагляду на iPhone, які выкарыстоўвае ўсе яго функцыі і перавагі.

jQTouch - гэта сапраўды інавацыйны JQuery-убудова для вэб-распрацоўкі пад iPhone і IPod Touch. З яго дапамогай можна ствараць вэб-сайты або вэб-прыкладанні з анімацыяй, падтрымкай формаў, наладай элементаў карыстацкага інтэрфейсу, дадатковых пашырэнняў і шмат чаго іншага. Гэта сапраўды карысны інструмент для распрацоўніка, які дазваляе рабіць некаторыя дзіўныя рэчы.

iPhone сумяшчальныя CSS шаблоны - Мэцью Джэймс Тэйлар (Matthew James Taylor) стварыў вялікую колькасць гнуткіх CSS макетаў сумяшчальных з iPhone і IPod Touch бясплатных для любога выкарыстання. Калі вы шукаеце адпраўную кропку для стварэння сайтаў, аптымізаваных для мабільных прылад, то Вам варта звярнуць увагу на гэтыя макеты.

іншыя рэсурсы

Mobile Web Design by Cameron Moll - гэта сапраўды выдатная кніга з карыснымі парадамі, апісаннем перадавых падыходаў і прыкладамі дызайну і аптымізацыі кантэнту сайта для мабільных прылад. Калі казаць пра недахопы кнігі, то трэба ўлічыць, што яна была напісана да iPhone буму, за кошт чаго яна губляе ў актуальнасці інфармацыі. Але тым не менш аматары мабільнага Інтэрнэту могуць запазычыць у ёй шмат карыснай інфармацыі.

Craig Hockenbery's "Put Your Content in My Pocket" - у жніўні 2007 года Крэйг Хокенберри (Craig Hockenberry) (з Iconfactory і адзін з людзей, якія стаяць за Twitterr для Mac і iPhone) напісаў вялікі артыкул для «A List Apart», і хоць некаторыя з тэхналогій змяніліся, шмат што з таго, што ён напісаў, прымяняецца і сёння.

Smashing Magazines's Mobile Design Showcase - Шукайце натхнення? Smashing Magazine зрабіў вялікі агляд дызайнаў, аптымізаваных для iPhone.

CSSiPhone - гэта галерэя CSS, прысвечаная дызайну сайтаў, аптымізаваных для iPhone. Як сказаў Пікаса, «Добрыя мастакі капіююць, вялікія мастакі крадуць!»

Opera Mobile Developer Community - браўзэр Opera дазваляе ўбачыць, як будзе выглядаць сайт на мабільным тэлефоне (Меню Выгляд-> Маленькі экран). Акрамя таго, тут можна праверыць дакументацыю для распрацоўнікаў Opera па аптымізацыі старонкі для прагляду на мабільных прыладах. Opera Mobile і Opera Mini з'яўляецца распаўсюджаным браўзэрам на мабільных тэлефонах.

RIpple emulator - эмулятар мабільнай версіі браўзэра

Чаму гэта важна?
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

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

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

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

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

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

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