Презентации на javascript/HTML

Если уж делать презентации, то максимально извращённым способом!

Как раз для такого способа есть impress.js

Результат вполне себе похож на творения в prezi.com, только сделано все на голом HTML/CSS

Как раз делаю сейчас презентацию в impress.js и очень мне это нравится!

Для ленивых – сразу линк на демо!

Appcelerator – отзывы с фронта

Переписываю приложение для Мудрослова на платформе appcelerator. Текущее приложение на phonegap тормозит, не нравится мне это.

Appcelerator (Titanium studio) дает возможность писать приложения на javascript, но в отличие от phonegap, интерфейсы не html5, а родные, от платформы.

Это то меня и привлекло.

Из недостатков –

  • документация более чем скудная
  • саппорт ужасный (про платный ничего не могу сказать) – баги висят месяцами
  • ребята очень не дружат с не-ascii последовательностями
  • поддержка разных фичей на разных платформах (и отсутствие документирования)
  • медленная компиляция
Основная проблема для меня лично – невозможность указать русское название проекта, а также проблемы с подписью приложения (тоже что-то из-за non-ascii)
Как пофиксить подпись прямо из IDE я не нашел, приходится делать это вручную.
название проекта можно поменять через задницу -
выцепляете из билда build/android/AndroidManifest.xml и кладете его в platform/android/AndroidManifest.xml. Вот в новом месте уже можно писать любые utf8 буквы (правда, через ресурсы андроида @string/app_name и т.п.).


Из плюсов
  • один (почти) код для разных платформ, на вполне сносном javascript.
  • Наличие Kitchensink сэмпла, который служит источником мудрости за неимением документации
  • родные интерфейсы
Скоро выложу Мудрослов 4 андроид v.2!

HTML5, phonegap, sencha touch meet Mudroslov

Мой мудрослов стал хорошей площадкой для изучения и обкатки разных технологий.

На этот раз я погрузился в модный мир HTML5. Сделал приложение для Android. Но делал на базе phonegap.

Phonegap – это платформа, которая предоставляет аппаратно-зависимый код под разные мобильные девайсы и позволяет писать основное приложение на javascript/html.

 

Для интерфейса я выбрал sencha touch. Очень хотел симпатичную карусель для цитат, но не нашел подходящей под  jQuery mobile. А вот в sencha touch – очень симпатичная карусель. Правда пришлось изучать их Ext.js ну и вообще непривычный для меня фреймворк. Пришлось, правда делать “бесконечную карусель”, которая подгружает цитаты по мере просмотра. Но ничё, получилось вполне себе неплохо.

 

В качестве итогов – разрабатывать на phonegap/sencha touch можно довольно быстро. У меня разработка приложения с учетом полного нуля знаний заняла всего несколько дней. Очевидный минус – тормознутость приложения.

Производительность html5 приложений

Очень толковая презентация Пола Ириша на тему производительности html5 приложений. Я лично узнал много нового. Особенно понравились Isotope и аппаратное ускорение CSS. Вот только на моём хроме/винде его нету :(

DOM, HTML5, & CSS3 Performance

Диаграммы на javascript (highcharts)

Я уже писал про графики и диаграммы на флеше. Так вот – это полное дерьмо!

Open Flash Charts совершенно не конкуренты для Highcharts

Вчера я подключил последнее к своей статистике тира. Highcharts сделаны полностью на javascript, отлично и удобно настраивается. Сами графики выглядят по умолчанию хорошо, юзабилити на уровне.

Рекомендую!

Новый виджет для Мудрослова

Вооружившись сакральными знаниями из предыдущих постов, переделал виджет с цитатами для мудрослова. Теперь он белый и пушистый. Загружается асинхронно, подгружает jQuery только когда надо и не портит глобальную область переменных. Как недавно выяснилось, он даже работает на IE. Цитаты грузит пачками и меняет через некоторое время. CSS можно использовать свой а можно стандартный.

Пример стандартного виджета:
Continue reading