Category Archives: javascript

Способы отладки node.js приложения

Отладка в PhpStorm (в любой IDE от JetBrains) — http://www.jetbrains.com/webstorm/webhelp/running-and-debugging-node-js.html Отладка в браузере (Google Chrome или другой на WebKit) — https://github.com/dannycoates/node-inspector Отладка в Eclipse — https://github.com/joyent/node/wiki/using-eclipse-as-node-applications-debugger

Приложение на AngularJS, Node.js (Socket.io) и jQueryUI

Описание создания web-приложения для коллективной работы с «самоклеющимися записками» http://www.netmagazine.com/tutorials/angularjs-collaboration-board-socketio. В статье, конечно, есть изъяны: Слишком упрощена серверная часть Не до конца использована мощь директив Странное обновление полей модели при изменении Но при этом есть и плюсы: Подробно рассказано, как сделать законченное приложение (и клиентскую, и серверную часть) Ссылка на исходный код и демо Самое …

Установка node-canvas

Если npm install canvas не ставится под MacOS (не находится файл cairo.h), то надо $ brew update $ brew install node $ brew install cairo $ brew link pixman $ brew link cairo $ npm install canvas https://github.com/LearnBoost/node-canvas/issues/225

Grunt-таск для генерации спрайтов

https://npmjs.org/package/node-spritesheet Есть минусы: есть очень неприятная зависимость от imagemagick, из-за чего не удалось поставить под Windows (нужно было кроссплатформенное решение), а также нужно поправить файл spritesheet.js

options.outputDirectory = '/home/bullgare/';//dir + file.dest;

1	options.outputDirectory = '/home/bullgare/';//dir + file.dest;

Обзор средств тестирования и разработки на 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