[:ru]Во время работы над Code Orchestra сделал несколько забавных демонстраций.
[:en]I`ve made few funny HTML demos during work on Code Orchestra project in Montenegro.
[:]
Read MoreJavaScript
[: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]
Some use cases don`t allow to use Flash into it`s ordinary fields. Such cases are online games with iOS ambitions or some other projects that need HTML5. Also there are a lot of Flash developers with game dev skills and ActionScript knowledge.
At the crossroad of HTML / CSS progress and understanding of beautiful Flash objective model FlashJS was born. It`s library that allows to develop HTML5 applications in the way that is similar to usual AS3 development.
[:]
[:ru]Давно готовлюсь к новой игровой инсталляции, на этот раз JavaScript + WebGL (библиотека 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.
[:]