— Pixels Commander

[ In English, На русском ]

[:en]Download file in JavaScript — what can be easier? However there are some pitfalls and there is room for improvements. This article describes how to create the best download function in JavaScript and why it`s so good.

[:ru]Скачивание файла — что может быть проще? Однако как и везде — в этом вопросе есть подводные камни и нет предела совершенству. В статье описывается лучший способ скачать файл в JavaScript.

[:]

Read More

[:ru]Во время работы над Code Orchestra сделал несколько забавных демонстраций.

 

[:en]I`ve made few funny HTML demos during work on Code Orchestra project in Montenegro.

[:]

Read More

[:ru]При разработке мобильных Web приложений часто встречается задача определения статуса интернет — соединения, задача небольшая и каждый решает ее удобным для себя способом, Online JS — это надежная подборка лучших практик на тему, к тому же весьма небольшая по размеру и простая в использовании.

[:en]Detecting internet connection status with JavaScript is generic problem during mobile web applications or dynamic sites development and everybody solves it in his own way. Online JS is a compilation of best practices for detecting connection status, it`s reliable, fast, very lightweight and compatible with all popular frameworks library that is very easy to use.

[:]

Read More

[:ru]Рано или поздно любой JS проект вырастает из детских штанцов, обьем и частота коммитов растут, а решение становится сложным комплексом и состоит из десятков JS файлов.

В результате приходится регулярно производить множество операций по склеиванию, минимизации и загрузке на сервер обновленных модулей. День за днем, чекин за чекином ситуация становится все сложнее и грозит выйти из под контроля, выводя из себя, загружая вас рутинной работой. А впереди возможно светит Continous Integration и автоматическое тестирование…

Избавить вас от рутинных хлопот поможет система сборки. Gradle является одной из самых популярных систем на сегодня и постепенно завоевывает все больше сторонников. Приемуществом Gradle является описание build задач в виде кода, а так же возможность запускать Ant и Maven таски.

[:en]There is one extremely surprising thing — JS projects growth!

Wow! That`s cool. But…

Combining,  minimization and deploying  of this dozens of files would become larger and larger problem.

Gradle is popular and modern build system that can solve such problems for you with help of JavaScript Gradle plugins.

[:]

Read More

[:ru]

Это — попытка добавить динамические растровые маски во FlashJS.

Решение не простое и работает только в webkit браузерах, но насколько знаю это первая на сегодня реализация динамических масок через CSS.

[:en]

It`s try to add dynamic masks to FlashJS.
Very tricky and works only in Chrome/Safari.

Anyway it`s first dynamic raster mask in HTML I`ve ever heard.

[:]

Read More

[:ru]Некоторые use-cases не позволяют использовать флеш в типичных для него областях, как геймдев. Это могут быть онлайн-игры с амбициями покорить iOS или другие проекты требующие HTML5 решения. В то же время в мире довольно много Flash — разработчиков, которые хорошо умеют пользоваться AS и обьектной моделью Flash.

На стыке необходимости в HTML и понимания замечательной обьектной модели Flash родилась библиотека FlashJS[:en]

Read More

[:ru]Давно готовлюсь к новой игровой инсталляции, на этот раз JavaScriptWebGL (библиотека three.js).

Управление реализовано через Android приложение в виде джойстика для игровой приставки (game pad).

На Android стартует WebSocket сервер к которому коннектится JS и слушает простейшие команды: вверх, вниз, влево, вправо.

Диаграмма

Видео под катом

[:en]

I`ve spent a lot of evenings to prepare new playable installation. This time it is developed with WebGL (three.js by Mr.Doob)

Also i`ve developed gamepad Android application to control this installation.

As Android application starts it launches WebSocket server.

JavaScript application connects to it and listens for simple commands: up, down, left, right.

You can find video of result further.

[:]

Read More

[:ru]http://www.youtube.com/watch?v=8xKA_-jDhJM

Первая часть глазообразной инсталляции готова. Надо сказать самая простая благодаря Alternativa 3D. Впереди кропотливая доводка visual appearence, детекции движения, интерфейс для оперативного развертывания инсталляции.[:en]

First part of eyes-based interactive installation is done. First and easiest one (thanks to Alternativa 3D). Now it`s time for long work with details of visual appearence and motion detection.

[:]

Read More

[:ru]Столкнулся недвано с таким упертым консервативным заказчиком, который хотел что бы обе версии софта под iOS и Android не отличались визуально. Конечно одной из главных проблем стала реализация похожего на iPhone TabBar интерфейса в Android.

Говорить о том что TabBarNavigator подходит для этой задачи не приходится, разница в размещении и отображении огромна и наводит скорее на мысль о создании собственного виджета, который мог бы годно имитировать TabBar iPhone.

[:en]Some time ago I worked for conservative client who wants Android and iPhone versions of application look identical. Ofcourse one of main problems became development of iPhone-like TabBar widget in Android.

TabBarNavigator does not fit because of difference in position and visual appearence. So i`ve started to search the way to solve the problem.

[:]

Read More

[:ru]В блоге vvvv было презентовано интересное творение немецкого медиа — художника Jannis Kilian Kreft.

Интерактивная инсталляция «После смерти» (POST MORTEM) представляет из себя каменный стол с направленным на его поверхность проектором. Положив руку/голову/другую часть тела на столешницу вы можете наблюдать ее в виде «после смерти». Причем время смерти и соответственно внешний вид частей тела регулируется.

[:en]

vvvv.org presented interesting and frustratng interactive installation by german media artist Jannis Kilian Kreft.

Installation called POST MORTEM looks like stone table with LCD projector pointed to its top. Every part of body that would be placed at the table would be presented as it is body part after your death. Time of death and corresponding look can be tuned.

[:]

Read More

[:ru]PNG (от англ. Portable Network Graphics ) давно стал самым популярным форматом для хранения статической графики. В крупных онлайн проектах пользователи имеют доступ к десяткам мегабайт PNG ресурсов. А обьем общемирового траффика в этом формате сложно оценить. Так же сложно оценить сколько террабайт не пришлось гонять по сети, если бы разработчики и дизайнеры правильно оптимизировали PNG.
У вас перенагружены сервера статики? Ваши пользователи жалуются на медленную загрузку приложения? Этот пост поможет…

[:en]PNG (Portable Network Graphics ) is most popular format for static graphics. Large part of interactive online projects send to user tens of megabytes in this format. And it`s hard to understand global amount of PNG traffic. Also it`s hard to understand how much of it would be not needed if right optimization of PNG images would be done. Your static content servers are overloaded? Users report about slow loading? This post would help…

[:]

Read More

[:ru]»Новогодние гирлянды, елки и праздничные украшения это прошлый век — собственную квартиру можно раскрашивать прямо на экране компьютера. Некоторым достаточно проектора, профессиональных знаний и богатой фантазии. Впрочем, последние выручают еще и не в таких ситуациях =) » — комментарий портала SmartVideo к демонстрации моего проекта.

Программа Flash Dance доступна в версии для ПК или Mac.

http://www.youtube.com/watch?v=8G1j-jVCF_s[:en]Christmas garlands, Christmas trees and festive decorations are out of fashion — you can decorate your flat directly throught the computer screen. As for me, projector and professional skills are enough for this task.

Flash Dance is available for PC or Mac.

http://www.youtube.com/watch?v=8G1j-jVCF_s[:]

Read More