Saint_Byte's Blog

Перевод: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW5

Вам следует следовать устоявшимся правилам веб дизайна. В этом раздел рассматривает несколько основных правил которые критичны для Safari. Читайте Разработка веб страниц : Лучшие методы (Web Page Development: Best Practices http://developer.apple.com/internet/webcontent/bestwebdev.html ) более подробного изучения метода дизайна вебстраниц.

Добавляейте DOCTYPE декларацию в ваши HTML файлы
Добавление в начало ваших HTML файлов декларации DOCTYPE говорит браузеру с использование какой специфиации парсить вашу вебстраницу. Смотрите HTML начало (HTML Basic http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/IntroductiontoHTML/IntroductiontoHTML.html#//apple_ref/doc/uid/TP40002080-SW1) для того что знать как это делать .

• Разделяйте ваш HTML , CSS , и Javascript в разные файлы

  Ваша вебстраницы более модернизируемые если вы разделяете содержимое страницы в различные файлы для разметки, представления и взаимодействия.

• Используйте хорошо структурированный HTML

  Вы увеличиваете кросс-платформенную совместимость прогоня ваши HTML файлы через валидатор. Вам следует исправить общие проблемы такие как забытые кавычки , забытые закрывающие теги, неправильная вложенность, неправильный регистр букв, напривльный DOCTYPE. Смотрите http://validator.w3.org или используйте валидатор из вашего инструментария веб-разработчика.

• Будьте браузеро независимыми

  Страйтесь не использовать строку User-Agent для того чтоб выяснить какой браузер сейчас запушен. Вместо этого прочтите Определение Обьектов (Object Detection http://developer.apple.com/internet/webcontent/objectdetection.html ) для того чтоб узнать как определить поддерживает ли браузер конкретный обьект , свойство или метод и прочитайте Определение WebKit на Javascript (http://trac.webkit.org/wiki/DetectingWebKit ) чтоб знать как узнавать конкретные версии WebKit’а. Так же используйте W3C стандартный метод доступа к обьектам на странице — это getElementByID(«elementID»). Только в крайнем случае используйте строку user_agent , как описано в разделе «Использование Safari User_Agent»(Using the Safari User Agent String” http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html#//apple_ref/doc/uid/TP40006517-SW3) для детектирования Safari на IOS.

Читайте “HTML Начало” (HTML Basics http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/IntroductiontoHTML/IntroductiontoHTML.html#//apple_ref/doc/uid/TP40002080-SW1) и “CSS начало” (CSS Basics http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/IntroductiontoCSS/IntroductiontoCSS.html#//apple_ref/doc/uid/TP40005041-SW1) для того чтоб писать структурированные HTML и добавлять CSS в существующий HTML.

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

Related Posts:

• No Related Posts

Есть тест на эту тему: http://jsperf.com/2dom-manipulation-js-templating-vs-programatic-jquery .  Занимется это тест следующим: «What is faster, generating elements on the fly using jQuery appends and generator or using javascript templates.»( Что быстрее , генерация элементов DOM на лету используя jQuery дополнение и генерация используя javascript шаблоны).  И судя по всему быстрее во всех браузерах именно javascript шаблоны. Причем javascript шаблоны — быстрее более чем в 2 раз почти на всех браузерах.

Related Posts:

• No Related Posts

продолжение переводов про Safari для iOS: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW13

Первое правил веб-дизайна — используйте веб стандарты. Веб разработка основанная на стандартах обеспечивает наиболее согласованное представление и функциональность во всех современных браузера включая Safari. Хорошо сделанный вебсайт вероятно потребует всего лишь несколько доработок чтоб хорошо выглядить и работать на Safari.

Движок WebKit используемый Safari для настольных компьютеров и Safari на iOS поддерживает все последние веб стандарты включая:

• HTML 4.01
• XHTML 1.0
• CSS 2.1 и частично CSS3
• ECMAScript 3 (JavaScript)
• DOM Level 2
• AJAX технологию, включая XMLHttpRequest

Веб постоянно развивает и аналогично развивается WebKit и Safari. Вы хотите быть в курсе развития стандартов разработанных группой Приложений технологии гипертекста (Web Hypertext Application Technology Working Group (WHATWG) ) и Веб консилиумом World Wide Web Consortium (W3C) — WHATWG и W3C вебсайты хорошое место чтоб начать изучать их стандарты и грядущий HTML5

• www.whatwg.org
• www.w3.org

Заметка от переводчика: Apple iPhone единым пользуется webKit в качестве движка для браузера. Так же Нокия использует движок WebKit в своих телефона. А купить Nokia гораздо проше в силу цены. Единственный браузер который может быть на мобильных платформа что Nokia/Symbian что iOS достаточный по функциональности это Opera Mobile.

Всегда проверяйте по документации — доступна ли функция на соответствующей платформе.

Related Posts:

• No Related Posts

Перевод: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html#//apple_ref/doc/uid/TP40002079-SW1

Safari работает на множестве операцинных систем и устройств. Все версии Safari — Safari на настольных компьютерах и Safari на iOS — используют одинаковый WebKit движок. Поэтому веб контент предназначенный для настольных компьютеров может отлично работать на устройства с iOS без каких либо модификаций.Некоторые различия присутствуют поэтому вы должны как минимум должны убедиться что ваши веб страницы совместимы с Safari на iOS. Так же вы можете оптимизировать ваши веб страницы для iOS просто для удобства пользователей. Например убедитесь что ваши веб страницы работают через Wifi, 3G и EDGE, правильно маштабируются при отображение, и содержат данные в форматах которые могут просматриваться на iOS. Есть также некоторые модификации которые вы можете сделать для устроств таких как iPad. Наконец вы можете создавать собственные веб приложение для любой платформ которые будут выглядить и вести себе как нативные приложения.

Safari на настольном компьютере — Safari приложение которое работает на Mac OS X и Windows. Это полнофунциональный веб браузер для настольного компьютера которые поддерживает индустриальные стандарты и так же множество расширений WebKit. В дополнение содержит ряд инструментов которые разработчики могут использовать для анализа, тестирования и отладки вебсайтов и вебприложений.

Safari на iOS приложение для просмотра веб на устройствах таких как iPhone, iPod touch и iPad , также полнофункциональный веб браузер работающий на небольших портативных устройствах с высоким разрешением экрана. Эта уникальная реализация Safari реагирует на пальцы как устройство ввод и поддерживает жесты для машитабирования и прокрутки. Так отоборажает вебстраницы в портретной и альбомной положение. Он содержит множество встроенных функции таких как просмотр PDF и проказ видео и поддерживает ссылки на нативные приложение : Телефон , Почта , Карты и YouTube/

WebKit это проект с открытым исходным кодом , так же в фреймворк в Mac OS X позволяющий разработчикам встраивать веб-браузер в их COCOA приложения. WebKit имеет JavaScript и Objective-C интерфейсы для доступа к Обьектной модели документа (DOM) веб страницы.
Dashboard, Mail, и множество других Mac OS приложений также используют WebKit как встроенный браузер. Вы можете использовать UIWebView класс в UIKit на iOS для внедрения веб-браузера в нативные приложения.

——
Для суровых браузеров должен быть все сурово , даже приложение youTube заменить на
труба нержавеющая. Даешь стране браузеры из Челябинска

Related Posts:

• No Related Posts

Сегодня установил Opera Mobile 11 — это один из браузеров будущего для относительно бюджетных телефонов. Во первых теперь он почти нормально держит jquery mobile (альфа 4) и наконец появился геолокация подобная геолокации в google gears. Так же поддерживаются теги video и audio . Сообственно все что нужно современному браузеру — теперь можно попробовать поиграться со всякими веб-приложениями для телефонов.

Related Posts:

• No Related Posts

Проверив валидность пользователя как это описано в Создание приложений Вконтакте. Продолжение 2. Появляются задачи например получить список друзей или фоток. Для этого стоит использовать JS API вконтакте. Для того чтоб JS API Vkontakte заработало надо в заголовке HTML который показывается пользователю подключить js файл от Вконтакте:

<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>

После чего по загрузки страницы (тут кому как нравиться либо на body onload или на domReady ) выполнить инициализации JS API Вконтакте аналогично такой функции:

function init() {
VK.init(function() {
   getFriends();
}, function(){
  alert('Ошибка инициализации JS VK API');
});
}

Т.е если JS API Вконтакте запустилось нормально выполняем функцию получения списка друзей. Получить их очень просто.

function getFriends()
{
 VK.api('friends.get',{fields:"uid, first_name, last_name, nickname, sex, photo_medium"},function(data) {
  if (data.response) {
   var html_res = '';
   var f_cnt = data.response.length;
   for(var i=0;i';
      //html_res +=''+data.response[i].first_name+'';
      html_res +='<img src="'+data.response[i].photo_medium+'" align="left">';

      //html_res +=''+data.response[i].last_name+'';
      //html_res +='';
   }
   var listdiv  = document.getElementById('list');
   listdiv.innerHTML = html_res;
  }

 });
}

Тут все просто:  Скрипт http://vkontakte.ru/js/api/xd_connection.js дает нам объект VK который только надо инициализировать перед работой с ним. Затем У этого объекта вызывать функцию api , в качестве первого параметра у данной функции использует название метода API Вконтакте. В данном случае это friends.get — который возвращает список друзей. Второй параметр — это параметры вызова метода API Вконтакте. В данном случае список параметров друзей которые хотим получить о друзьях. И третий параметр это функция которая вызывается в случае удачного запроса к API Вконтакте. В этой функции мы обрабатываем полученный список и генерим HTML код который в дальнейшем поместим в див — что браузер отобразил его.

Сообственно готовое решение для получения списка друзей Вконтакте — пользуйте.

Related Posts:

• No Related Posts

Symbian казался мне мобльной ОС без явных багов (к тому же приличным как Windows Mobile). Но и в нем есть багги которые позволяют попортить жизнь владельцу телефона – но и до кучи возможно обломать получения важных смс. Сообственно на 25-ой конференции Chaos Communication Congress Тобиас Енгел(Tobias Engel) продемонстрировал публике найденную уязвимость в телефонах Nokia, которой подвержены телефона с разновидностью симбиана:

• S60 2nd Edition, Feature Pack 2
• S60 2nd Edition, Feature Pack 3
• S60 3rd Edition, Feature Pack 1
• S60 3rd Edition (initial release)

Воспользоваться уязвимостью можно набрав специальным образом написанную СМС – проблема в модуле обработки email-адресов.
Самые серьезные последствия получения таких СМС будут для телефонов S60 2^nd Feature pack 3/3^rd Feature pack 1. Эти телефоны перестанут отправлять и получать SMS/MMS, после чего единственным выходом из данной ситуации является хард-ресет.

Описание уязвимости: http://berlin.ccc.de/~tobias/cos/s60-curse-of-silence-advisory.txt
Видео: https://berlin.ccc.de/~tobias/cos/s60-curse-of-silence-demo.avi

Related Posts:

• No Related Posts

Подключил ворд к вордпресс блогу – работает однако.

Related Posts:

• No Related Posts

Считал тут во сколько обходиться коммунальным службам освещение в подъезде . Дано дом 9 этажей по 2 лемпочки на этаж и 4 на первом. Получается 20 лампочек — пускай будет по 100вт. Соотвественно одна лампочка если она горит постоянно сжирает: 24*60*100 = 72 000 ватт/час. На весь подъезд получает 72 000* 20 = 1440000вт/час — делим на 1000(чтоб получить киловатт) = 1440 квт. Если применить энергосберегающие лампы можно сэкономить  50% и более денег за электричество и соответственно денег. Можно даже попробовать подсчитать окупаемость — но лень. Но с нашими ЖКХ — это фантастика.

И народ привык к лампам накаливания судя по данным опроса
Какие лампочки светят приятней?
старые добрые лампы накаливания -72.78%
современные энергосберегающие - 27.22%

Related Posts:

• No Related Posts

Смотришь бывает HTML код вроде все правильно<meta http-equiv=’Content-Type’ content=’text/html;charset=utf-8′ />  - есть . А браузер отображает в с win1251 — смотришь php исходники по ключевым словам header и 1251 — ноль результата. Добавляешь  header(‘Content-type: text/html; charset=utf-8′); и вроде лечиться не в браузере проблема значит — браузер просто использует кодировку из заголовка HTTP ответа.   Проверяешь .htaccess на тему auto_prepend — нуля. И вся проблема в конфиге апача: AddDefaultCharset windows-1251 .Комментируем и рестартуем апач и все проблемы нет.

Related Posts:

• No Related Posts