Category Archives: javascript

Эмуляция запросов к серверу в angular.js

Очень удобно, если сначала разрабатывается полностью клиентская часть.

Директивы для Angular.js

Писать свои директивы для angular.js просто, а использовать их потом — удобно.

pointer-events: пробрасывание событий через SVG-слой ниже

В css надо написать:

#my-cool-svg {
  pointer-events: none;
}

#my-cool-svg {

pointer-events: none;

}

Можно делать с событиями много интересного, подробнее здесь: https://developer.mozilla.org/en-US/docs/CSS/pointer-events

WebRTC

WebRTC — проект, который позволяет получать медиаданные (аудио и видео) через браузер и устанавливать Peer-to-Peer соединение между двумя и более клиентами, через которое могут передаваться обычные данные и медиапотоки. По сути, WebRTC являет собой: 1. Media Streams (getUserMedia). 2. Peer Connection. Обзор — http://habrahabr.ru/post/163527/

Интеграция сайта с Ubuntu Unity

Вот, к примеру, простенький javascript для добавления ссылки приложения с иконкой на панель Unity и для доступа к приложению через поиск:

if (window.external && external.getUnityObject) {
    var Unity = external.getUnityObject(1.0);
    Unity.init({
        name: "My Cool Website",
        iconUrl: "http://site.com/static/img/icon.png"
    });
}

if (window.external && external.getUnityObject) {

var Unity = external.getUnityObject(1.0);

Unity.init({

name: "My Cool Website",

iconUrl: "http://site.com/static/img/icon.png"

});

}

Кроме того, можно отправлять уведомления, показывать количество и прогресс рядом с иконкой. Подробнее — http://habrahabr.ru/post/163437/

Пример использования WebSocket

На клиенте: Socket.IO (http://socket.io/), альтернативы — SockJS (https://github.com/sockjs/sockjs-client) и Beseda (https://github.com/GeometriaLab/Beseda). На сервере: php → pubsub-каналы redis → node.js. Вот оригинал статьи: http://habrahabr.ru/post/162301/

Доклад «Getting touchy», Patrick H.Lauke

Про javascript для touch-устройств. С интерактивными демками. Getting touchy — an introduction to touch events / Web Standards Days / Moscow 24.11.2012 from Patrick Lauke http://events.yandex.ru/talks/367/ (скоро здесь должно быть видео). http://people.opera.com/patrickl/presentations/wstdays-24.11.2012/demos/ — демки из доклада.

Grunt: система сборки для фронтенд-разработчиков

http://gruntjs.com/ Ставится как пакет к node, через npm. Конфиги пишутся на javascript.

AngularUI

Видео о AngularUI — обёртке над AngularJS, которая позволяет делать вещи вроде jQuery Passthrough, для удобной совместной работы AngularJS и JqueryUI. http://youtu.be/Uu37FEeY4wQ Качество видео плохое, к сожалению.

Хорошие статьи про angular.js

Серия из двух очень длинных статей про AngularJS http://www.yearofmoo.com/2012/08/use-angularjs-to-power-your-web-application.html http://www.yearofmoo.com/2012/10/more-angularjs-magic-to-supercharge-your-webapp.html Особенно понравилась вторая.