Продолжаем разговор о CMS, которая написана на Javascript, полностью работает в браузере и сохраняет в облако. Теория была в предыдущей статье, а теперь — практика. Cделаем самую простую систему для статических сайтов — всего три кнопки и сотня строк на JS.
Читать полностью »
Рубрика «html5» - 53
Облачная эпоха CMS. Пример реализации
2013-07-25 в 15:29, admin, рубрики: amazon s3, cloud, cloud storage, cms, html5, javascript, openstack swift, SaaS, selectel, selectel cloud, Веб-разработка, метки: amazon s3, cloud, cloud storage, cms, html5, javascript, openstack swift, SaaS, selectel, selectel cloudАнонс! Вебинар — Мощный облачный бэкенд для любых мобильных приложений. Доступно всем
2013-07-23 в 5:11, admin, рубрики: android, html5, iOS, mobile development, mobile services, windows, windows azure, windows phone, Блог компании Microsoft, бэкенд, вебинар, мобильная разработка, мобильные приложения, метки: android, html5, iOS, mobile services, windows, windows azure, windows phone, бэкенд, вебинар, мобильная разработка, мобильные приложения 
Независимо от того, на какой платформе вы разрабатываете свое мобильное приложение (Windows Phone, Windows 8, iOS или Android), наилучшим бэкендом для него будет облачная платформа Windows Azure.
Мобильные сервисы (Mobile Services), входящие в облачную платформу Microsoft, предлагают вам надежную, преднастроенную, масштабируемую инфраструктуру, готовую к работе с первой минуты.
Приглашаем вас на двухчасовой вебинар 31 июля в 14:00, в рамках которого мы расскажем вам о том:
- как использовать готовую облачную инфраструктуру для хранения данных и отправки пуш-уведомлений;
- как работать с серверным кодом мобильного приложения через Git и Visual Studio;
- как масштабировать мобильный бэкенд по требованию и настроить автоматическое масштабирование;
- как получить готовый облачный бэкенд для мобильного приложения бесплатно.
Вы сможете задать вопросы экспертам Microsoft, а также независимым экспертам, которые используют Windows Azure в качестве бэкенда своих приложений.
Для подключения используйте ссылку: Join Lync Meeting!
Читать полностью »
WebRTC PeerConnection и DataChannel: обмен данными между браузерами
2013-07-20 в 19:51, admin, рубрики: html5, javascript, p2p, Peer-to-Peer, WebRTC, Веб-разработка, метки: html5, javascript, p2p, WebRTC 
Многие слышали о проекте WebRTC, поэтому я не буду углубляться в описание. На днях мне захотелось попробовать отправлять сообщения между браузерами, и чтобы разобраться в этом, я решил написать примитивный P2P-чат. Эксперимент удалался, и по мотивам я решил написать этот пост. На Хабре уже были статьи, освещающие вопросы использования WebRTC для передачи видео, однако меня в первую (и последнюю) очередь интересовала возможность обмена текстовыми или бинарными данными.
Читать полностью »
Карта с проекциями из Proj4js на Canvas
2013-07-19 в 18:59, admin, рубрики: canvas, egaxegax, html5, javascript, map, proj4js, projection, Веб-разработка, карта, проекции, метки: Canvas, egaxegax, html5, javascript, map, proj4js, projection, карта, проекцииИдея
Решил написать пост о популярном нынче Canvas из HTML5 и о своем проекте dbCartajs, его использующем. Почему Canvas? Немного истории. Прежде для создания изображений, иллюстрирующих различные расчетные модели (например, вывод окружности по радиусу и центру в координатах, вывод многоугольника с количеством вершин N и площадью S, вывод окружности на сферу и т.д.), я и мои коллеги по работе в институте использовали различные элементы управления из разных сред разработки: PictureBox их VB6, QPainter и QCanvas из Qt, Canvas из Tk и, наконец, создание изображений по mapfile из MapServer. Позже после знакомства с возможностями HTML5 я решил перейти на использование Canvas и Web-разработку с JavaScript. Удобно — для отладки и разработки нужен лишь браузер. Собравшись с силами и вооружившись документацией от W3C, я переписал часть функционала компонентов, которые мы используем в работе, на JavaScript, оформив это в проект dbCartajs на GitHub. Код реализован в виде объекта dbCarta, чтобы использовать его как виджет на страницах без копирования частей исходного кода.
Читать полностью »
Добавление синхронизированного текста транскрипции к видео на HTML5
2013-07-18 в 14:24, admin, рубрики: accessibility, html, html5, Веб-разработка, видео, стенограмма, субтитры, транскрипция, метки: accessibility, html5, видео, стенограмма, субтитры, транскрипция Современный web уже достаточно сложно представить без видео, однако часто напрямую восприятие речи в подобном представлении может быть затруднено, например, в случае пользователей с проблемами слуха, людей, неуверенно воспринимающих живую речь на слух и пр. В подобной ситуации обеспечить доступность контента поможет HTML5, предоставляющий функционал добавления к медиа файлам субтитров с транскрипцией, то есть с текстовой записью речи.
Читать полностью »
Ваше приложение медленное? Это потому, что наша цивилизация гибнет
2013-07-15 в 11:10, admin, рубрики: html5, javascript, mobile development, закон Мура, переводы, метки: html5, javascript, mobile development, Закон МураС Вашего позволения, пускай и немного в философской оболочке, я бы хотел продолжить тему «Почему мобильные веб приложение такие медленные?», которая уже засветилась на Хабре через другой пост: «HTML5 в мобильной разработке — что выбрать?».
Перевод поста «Your App Is Slow Because Our World Is Ending»
Как обычно, на этой неделе, исследуя Интернет, я наткнулся на взрывающий мозг пост, который возможно станет предвестником роковых событий. Я имею ввиду превосходную статью Дрю Кроуфорда «Почему мобильные веб приложение такие медленные?». Она объемная и очень содержательная, но с ней определенно стоит ознакомиться, если ваш уровень познаний находится на достаточно высоком уровне, чтобы проследить за идеей автора.
Если кратко, то его идея звучит приблизительно так: HTML5 приложения будут значительно уступать родным приложениям не только следующие год или два, но и в течение следующих 5-10 лет, вследствие существенных технических ограничений, присущих у мобильных платформ. У меня было пару замечаний к некоторыми из его аргументов, но он убедил меня, что две статьи, которые я написал два года назад, в которых я призываю IOS к сборке мусора и утверждают, что HTML5 будет править всем через несколько лет, возможно, должны быть пересмотрены в свете новых доказательств.
Читать полностью »
Карта на Canvas
2013-07-15 в 10:14, admin, рубрики: canvas, html5, javascript, метки: Canvas, html5, javascriptНе так давно, для одного проекта потребовалось написать карту, которая будет отвечать следующим требованиям:
- Плавная прокрутка
- Подгрузка областей карты
Мне пришлось потратить несколько дней на то, чтобы определиться в том, как лучше всего решить данную задачу.
В итоге я остановился на canvas.
Я потратил долгое время на поиски в интернете аналогичных решений, но к моему удивлению ничего подобного не нашлось.
В результате я решил написать все сам, с нуля.
К сожалению первая версия оказалась тормознутой слишком медленной, движения карты, в некоторых браузерах, были скачкообразными.
В новой версии я учел все ошибки, и в итоге мне удалось добиться того, что карта соответсвовала заявленным требования.
Читать полностью »
HTML5 в мобильной разработке — что выбрать?
2013-07-11 в 9:15, admin, рубрики: adobe air, appcelerator titanium, devexpress, html5, javascript, mobile development, PhoneJS, sencha, xamarin, Блог компании DevExpress, метки: adobe air, appcelerator titanium, devexpress, html5, mobile development, PhoneJS, sencha, xamarin 
Сегодня хотелось бы поделиться нашим мнением о том, когда в разработке мобильных приложений стоит отдать предпочтение веб-технологиям, а когда лучше использовать нативные средства разработки.
Устоявшиеся мнения о преимуществах кросс-платформенной разработки с использованием HTML5 или Native SDK:
HTML5
- Лёгкое вхождение для веб-разработчиков
- Дешево в разработке
- Большое покрытие (браузер сейчас есть везде)
- Единая база кода
При помощи таких средств как, например, Cordova, на HTML5 можно создавать гибридные приложения (которые размещены не в интернете, а в нативном контейнере). Такие приложения совмещают перечисленные выше плюсы и посредством плагинов позволяют выйти за пределы браузера, осуществляя тесную интеграцию с возможностями устройств. Гибридные приложения можно публиковать и распространять через AppStore, Google Play и другие магазины приложений.
Native
- Нативные ощущения и внешний вид
- Интеграция с аппаратной частью без ограничений
- Интеграция с софт частью (например, вызвать твиттер или Facebook из приложения)
- Нет привязки к браузеру
- Полноценные IDE для разработки и отладки приложений
Естественно, это базовые утверждения, которые каждый может дополнить исходя из своего опыта. Так стоит ли выбирать HTML5 для разработки вашего приложения? Ответ не может быть однозначным — он зависит от множества факторов, которые мы и рассмотрим.
ChartJS — JavaScript-библиотека визуализации данных
2013-07-09 в 7:21, admin, рубрики: charts, html5, javascript, javascript library, Блог компании DevExpress, Веб-разработка, визуализация данных, метки: charts, html5, javascript, javascript library, визуализация данных 
С каждым годом мир вычислительной техники всё больше и больше переползает в глобальную паутину. HTML5 шагает по планете, и пока никаких признаков замедления его развития и распространения не заметно. Кажется, даже холодильники скоро начнут понимать HTML5!
Мы в DevExpress как никто чувствуем эту тенденцию. И хорошо поработали в этом году!
читатели уже знает о нашем новом фреймворке PhoneJS, которой позволяет опытным веб-разработчикам чувствовать себя уверенно и в разработке для мобильных устройств.
Однако и классическую сторону веб-разработки мы не забыли.
Люди по-прежнему получают информацию из интернета.
К сожалению, эти же люди по-прежнему не любят читать долгие и нудные отчеты.
Картинка стоит тысячи слов.
Живая картинка, взаимодействующая со смотрящим её человеком, бесценна.
Чтобы веб-разработчики могли показать своим клиентам живые чарты, мы создали библиотеку визуализации данных ChartJS.
Читать полностью »
Как делать презентацию с помощью веб-технологий?
2013-07-04 в 8:53, admin, рубрики: html5, javascript, Блог компании Журнал Хакер, Презентации, метки: html5, javascript, презентацииВсе знают офисных монстров PowerPoint и Keynote, но почему-то мало кто с радостью в них работает. И действительно, что делать, если ты совсем не бухгалтер, а разработчик или просто гик и гораздо комфортнее чувствуешь себя в коде, чем в офисных пакетах? У меня для тебя хорошие новости: презентации уже очень давно можно делать прямо в браузере, а писать с помощью таких простых и знакомых вещей, как HTML, CSS или даже Маркдаун.
К каждому из нас приходит момент, когда нужно донести свои мысли до других. Не просто рассказать анекдотец коллеге, не пробубнить стишок про бурю-мглою, а сообщить что-то принципиально важное, объяснить сложную идею, поделиться опытом. И если самым талантливым из нас достаточно выйти на сцену и просто быть собой, как это делают участники TED, то большинству понадобится опереться на слайды. Свой первый раз у доски с маркерами я забыл напрочь, помню только, что переврал тогда ключевую идею доклада про блочную модель CSS.
