Category Archives: Programming

Обзор средств тестирования и разработки на HTML5 и JavaScript

http://youtu.be/FY5iiuQRyEE?t=1m4s (первые 20 минут). Слайды — http://dl.dropbox.com/u/39519/talks/edgeconf-tooling/index.html Ниже небольшая расшифровка

Портирование iOS Native App в HTML5 и JS

Библиотека от Intel: http://software.intel.com/en-us/articles/technical-reference-intel-html5-app-porter-tool-beta

Collie — библиотека для рисования в мобильном браузере

Библиотека сама выбирает, как рисовать — используя canvas или css3. http://www.adobe.com/devnet/html5/articles/introducing-collie.html

MIHTool, the iOS web debugger

Основные возможности: Встроенный Web Inspector (работает непосредственно на устройстве с iOS!) Удаленный Web Inspector (weinre) Web editor для правки стилей «наживую» Полноценное удаленное управление через HTTP-сервер Полноэкранная и iPhone-size эмуляция WebKit Debug Borders (layers) (!) Webkit Repaint Counter(Paint Rects) Переключение UserAgent Букмарклеты (Firebug, YSlow, JS Console, WhatFont…) Отключение и очистка кэша Ставится через AppStore. Подробнее — http://paulbakaus.com/tutorials/performance/mihtool-the-ios-web-debugger/.

Библиотека для более отзывчивой работы с мобильными устройствами

FastClick. Убирает задержку в 300мс для прокидывания события «click». https://github.com/ftlabs/fastclick

AngularJS. Способ внедрения кастомного кода в общий шаблон

Допустим, мы хотим динамически менять заголовок страницы и подсвечивать нужную часть меню в зависимости от текущего контроллера. Топорный способ сделать это — в каждом контроллере пихать в $rootScope переменные типа title и sitePart (для подсветки пункта главного меню). Минус — всегда есть риск забыть установить эти параметры в контроллере. Но есть другой способ, который сводится …

Пример работы с ng-class в Angular.js

Два способа менять класс в зависимости от условия:

ng:class="{true:'<название класса>', false:''}[$index==selectedIndex]"

1	ng:class="{true:'<название класса>', false:''}[$index==selectedIndex]"

ng-class="{<название класса>: $index==selectedIndex}"

1	ng-class="{<название класса>: $index==selectedIndex}"

Подробнее: http://stackoverflow.com/questions/7792652/what-is-the-best-way-to-conditionally-apply-a-class-with-angularjs А то в официальных доках на эту тему не густо(

Плагины для быстрого поиска jQuery-обработчиков событий на странице

Firefox https://addons.mozilla.org/ru/firefox/addon/firequery/ http://www.sprymedia.co.uk/article/Visual+Event (тут теперь просто букмарклет). Google Chrome https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim

Фишки JSON.stringify()

В общем тут говорится о том, что этот метод может принимать дополнительные параметры, которые могут фильтровать и форматировать вывод. http://freshbrewedcode.com/jimcowart/2013/01/29/what-you-might-not-know-about-json-stringify/