Здравствуйте!
Я — Фёдор furikuretsu Ананьев, веб-разработчик студии Hot Dot, и сегодня я дам несколько простых советов для тех, кто хочет сделать своё JS-параллакс-приложение очень и очень быстрым.
Читать полностью »
Метка «javascript» - 49
Высокопроизводительный JavaScript-параллакс
2013-04-03 в 15:57, admin, рубрики: javascript, parallax, performance, Блог компании Hot Dot, Веб-разработка, метки: javascript, parallax, performanceHotSpot в Mikrotik, или как заработать $: Часть 2
2013-04-03 в 11:37, admin, рубрики: $, hotspot, javascript, mikrotik, perl, контент, реклама, Сетевое оборудование, фильтр, метки: hotspot, javascript, mikrotik, perl, контент, реклама, фильтрОбщие сведения
Это вторая часть статьи, иллюстрирующие возможности использования OS Mikrotik, в качестве HotSpot точки. В первой части я рассказывал как настроить HotSpot, а так же познакомил с возможностью выдачи и покупки карт доступа. Ознакомиться с первой частью вы можете здесь.
Nodecopter — управление квадрокоптерами на Javascript
2013-04-03 в 6:32, admin, рубрики: ardrone, javascript, node.js, квадрокоптер, Программирование, роботы, метки: ardrone, javascript, квадрокоптер, Программирование, роботыУже давно существует целое сообщество любителей-разработчиков, которые занимаются программированием летающих роботов. Они устраивают периодические конференции и сходки. Но в чем же особенность данного сообщества, спросите Вы? дело в том, что программирование квадрокоптеров осуществляется на Javascript на платформе NodeJS. Среди разработчиков большой популярностью пользуется всем уже известный ArDrone Parrot, который уже не раз освещался на страницах Хабра.
Подробности под катом.
Читать полностью »
Управляем AR Drone с помощью Javascript
2013-04-02 в 12:51, admin, рубрики: ardrone, javascript, node.js, квадрокоптер, Программирование, робототехника, роботы, метки: ardrone, javascript, квадрокоптер, Программирование, роботыУже давно существует целое сообщество любителей-разработчиков, которые занимаются программированием летающих роботов. Они устраивают периодические конференции и сходки. Но в чем же особенность данного сообщества, спросите Вы? дело в том, что программирование квадрокоптеров осуществляется на Javascript на платформе NodeJS. Среди разработчиков большой популярностью пользуется всем уже известный ArDrone Parrot, который уже не раз освещался на страницах Хабра.
Подробности под катом.
Читать полностью »
Пишем сложное приложение на knockout.js — 2
2013-04-02 в 9:44, admin, рубрики: amd, Bootstrap, javascript, Knockout.js, require.js, Веб-разработка, социальные сети, Социальные сети и сообщества, фронтенд, метки: amd, bootstrap, javascript, Knockout.js, require.js, социальные сети, фронтенд 
Я тут пишу одну эпическую мегахрень, которую хочу пропиарить на хабре. Эта штука типа распределенной социальной сети. Там есть ядра с api, которые общаются по некоторому стандарту и фронтенд. Особенностью сети является то, фронтенд живет «отдельно» от ядра, то есть сеть не имеет своего домена — берем html, ставим ссылку на любое ядро и получаем сеть, которая живет поверх сайта. Внешне это похоже на социальные плагины фейсбука — комментарии и лайки оттуда можно поставить на любую свою страницу — только вместо тегов fb-like используются мощные биндинги knockout.js + пользователь не ограничивается огрызками из комментариев и лайков — на сайт можно импортировать практически любой блок из сети и сделать почти любое действие. Фронтенд написан на тех же технологиях, которые юзер может использовать и дописывать на своей странице.
В результате образовалась техника, которая может быть интересна фронтендщику. Эту технику хочу разобрать в этой статье.
Расскажу про систему, которая встраивается на html-страницу через биндинги нокаута. Код живет в подключаемых виджетах, которые состоят из html-шаблонов с knockout-обвязкой. Виджеты могут быть вложены друг в друга. Все это использует require.js и живет в amd форме. Зависимости от внешней страницы сведены к минимуму, все библиотеки (jquery, knockout и плагины) используются только свои в локальном пространстве с namespace-ами. Для сборки кода используется r.js. Еще как крутые перцы напишем на базе бутстраповского диалога полноценный оконный менеджер — с нокаутом это как два пальца об асфальт…
Читать полностью »
RaZberry — умный дом на базе Z-Wave и Raspberry Pi
2013-03-30 в 23:40, admin, рубрики: diy или сделай сам, diy умный дом, javascript, Raspberry Pi, z-wave, автоматизация дома, Гаджеты. Устройства для гиков, метки: diy умный дом, javascript, Raspberry Pi, z-wave, автоматизация дома 
Многие пытаются собрать «Умный дом» своими руками. При выборе системы стоит учитывать не только ассортимент и стоимость конченых устройств, но и возможности контроллера. Большинство контроллеров сразу готовы к работе «из коробки», но представляют ограниченные возможности. Однако нередко именно гибкость и возможность лёгкой интеграции является основополагающим критерием при выборе.
И вот, появился долгожданный «кубик Lego» для систем автоматизации на базе технологии Z-Wave, который обладает желаемой гибкостью и в то же время большим функционалом и низкой ценой.
Плата расширения RaZberry для Raspberry Pi, превращает самый популярный и дешёвый мини-компьютер в Z-Wave контроллер домашней автоматизации.
Игры с физикой благодаря HTML5 и JS. Программист симулирует движение ткани
2013-03-29 в 0:09, admin, рубрики: canvas, css, html, html5, javascript, метки: Canvas, css, html5, javascriptПрограммист, именующий себя Stuffit, опубликовал исходный код на портале Codepen. Код симулирует физику ткани. Использует HTML5, Canvas, CSS и JavaScript, приблизительно 300 строчек кода. Ткань без текстуры, простая сетка, но демонстрационным целям служит отлично.
Есть возможность испытать код прямо на Codepen
Если потянуть мышкой очень сильно, полотно может и порваться. Впечатсяет простота кода, которому для работы нужен только браузер. Дает представление о том, в каком направлении будут развиваться веб-игры. Staffit Читать полностью »
DevConf 2013 — 14 июня — приглашаем докладчиков, скидка 43% на участие
2013-03-28 в 11:20, admin, рубрики: android, javascript, php, python, ruby, Блог компании DevConf, Веб-разработка, конференция, метки: android, javascript, PHP, python, ruby, конференция, мастер класс 
Последняя неделя скидки 43% на участие в DevConf 2013!
Как всегда ждем непосредственных авторов PHP и других языков
Уже 24 заявки на доклады devconf.ru/offers/ как всегда — ни одного PR-ного доклада, доступная
стоимость участия 4 000 руб при оформлении в марте devconf.ru/members/pay
и эксклюзивные мастер-классы devconf.ru/offers/mk
Будем благодарны за упоминание анонса DevConf в блогах, форумах и твиттерах — давайте вместе бороться с засильем «дорогих» ИТ-конференций — общение профи не должно стоить как недельный отпуск :-Ь
Читать полностью »
Mozilla предлагает создавать «тяжёлые» 3D-игры для web на их новом движке
2013-03-27 в 21:50, admin, рубрики: Firefox, game development, javascript, OdinMonkey, Веб-разработка, метки: firefox, javascript, OdinMonkeyСегодня Mozilla совместно с игровой студией Epic Games выступила с инициативой создания визуально привлекательных 3D-игр, которые не должны уступать декстопным аналогам, и выполняться прямо в браузере.
Фактически идёт о том, чтобы перенести в веб опыт создания качественных, требующих высокой производительности, игровых приложений, которые должны будут выполняться обновленным движком JavaScript OdinMonkey, который недавно был включён в ночные сборки FireFox и скорость выполнения кода на Asm.js в 10 раз превышает аналогичный в других браузерах. Причём это всё без сторонних плагинов вроде Flash или Silverlight — чистый JavaScript.
Тот визуальный опыт, который должен получить геймер в интернете, играя в 3D-игру, предлагается оценить на видео ниже — так выглядит порт Unreal Engine 3, сделанный инженерами Epic Games и Mozilla:
Vow: самые быстрые промисы
2013-03-26 в 15:16, admin, рубрики: javascript, node.js, nodejs, метки: javascript, nodejsХочу предоставить вашему вниманию библиотеку Vow, которую написал мой коллега Дмитрий Филатов dfilatov.
Библиотека реализует Promises/A+, работает очень быстро и требует малого объема памяти. По тестам производительности сильно опережает Q, но при этом сохраняет асинхронную манеру работы.
Работа с Vow выглядит так же просто, как работа с Q. Из недостатков (по сравнению с Q) можно лишь выделить отсутствие progress.
Пример кода с использованием Vow:
function readFile(filename, encoding) {
var promise = Vow.promise();
fs.readFile(filename, encoding, function(err, data) {
if (err) return promise.reject(err);
promise.fulfill(data);
});
return promise;
}
Vow.all([readFile('test1.txt', 'utf8'), readFile('test2.txt', 'utf8')]).then(function(results) {
console.log(results.join('n'));
});