Рубрика «html5» - 47

в 14:03, , рубрики: html5, javascript, метки: , ,

image
Сегодня я запускаю первую версию js-скрипта DND v 1.0. Данный скрипт предоставляет возможность перетаскивать элементы на странице и помещать их в какую-либо область.
Перейти на сайт

Пролог

В современном web мы все привылки использовать такую прекрасную javascript-библиотеку как jQuery. Но для того, чтобы создавать у себя на странице какие-то динамические эффекты приходиться еще прибегать к jQuery UI, не все слегкостью смогут осилить, разобраться с какими-то премудростями javascript-инициализации. В тем более теперь есть современный HTML5, который, со своим API, может дать легкий подход к разработке. Но как мы все знаем, HTML5 не поддерживается старыми браузерам, однако, это легко исправляется собственными решениями. В итоге я решил написать javascript библиотеку, которая дает возможность использовать HTML5 drag-and-drop у себя на сайте с поддержкой всех браузеров, включая десктопных. При этом технологию можно не изучать, привыкнуть и применять во благо, это все, что от нас требуется.

Особенности

  • Легкое использование
  • Легковесный скрипт -5 кб
  • Не требует сторонних js библиотек
  • Сочетается HTML5 и JS совместимость
  • Работает на всех компьютерах и на планшетах
  • От программиста требуются только знания CSS

Читать полностью »

в 13:56, , рубрики: api, Audio API, canvas, html5, javascript, метки: , ,

Использование Audio API для создания вокодераВ прошлой статье мы немного познакомились с возможностями Audio API и написали простенький визуализатор сигнала. Теперь настало время копнуть поглубже и распробовать новые фишки API. Но нам нужна цель, к которой мы будем стремиться, и в данном случае нашей целью будет как следует поиздеваться над входящим сигналом и его характеристиками. Другими словами, мы напишем маленький вокодер.

Так как итоговый код получился довольно-таки большим, то в статье будет рассмотрены наиболее важные и интересные с точки зрения Audio API фрагменты. Итоговый результат вы конечно же сможете посмотреть на демке.

Читать полностью »

в 9:02, , рубрики: development, fruct, Hackathon, html5, intel, mobile development, Samsung, tizen, tizen devlab, Блог компании Intel, операционные системы, разработка, разработка приложений, тренинг, тренинги, хакатон, метки: , , , , , , , , , , , , , ,

Tizen DevLab и Хакатон в Новосибирске!

Наверняка кто-нибудь из участников, подписавшихся на хаб Tizen, уже заметил новое событие. В этом сообщении я расскажу немного подробнее о грядущем мероприятии в контексте уже прошедших тренингов и хакатонов по Tizen.
Читать полностью »

в 17:45, , рубрики: AngularJS, html, html5, javascript, web, видео, сервис, Украина, метки: , , , ,

Доброго времени суток, уважаемые читатели!

Сегодня я хотел бы поделиться с вами небольшим веб приложением — myStreamer, которое буквально собиралось на коленках за 2 ночи.

Немного предыстории:

Не секрет, что у нас тут “на” Украине творится, назовем это условно, дабы не обидеть стороны и остаться аполитичным, “массовые волнения народа, по поводу происходящих в стране событий”. И вот спустя два, с небольшим, месяца после начала этого действа ко мне в Skype постучался друг (он же в последствии и идейный вдохновитель первой стадии проекта) Avicorn (человек сугубо суровый и любящий порядок, собственно это и стало первопричиной идеи). Выразив свою обеспокоенностью отсутствием времени искать и собирать видео потоки новостных каналов, а так же постоянно их обновлять (youtube заставляет, как мы поняли запускать новые сессии вещания после каждого перерыва в трансляция), он намекнул, что не плохо бы было собрать с миру по нитке на одной страничке и куда-нибудь (это выяснилось уже позже, оказывается плеерам нужны “домены” и localhost им не нравится) выложить, чтобы он мог в свободную минуту предаться созерцанию происходящего действа. Одни каналы крутят постоянно новости, другие транслируют “стримеров” с полей, третьи аналитику толкают и открывать много страниц для обычного человека весьма затруднительно, поэтому, хоть какой то, но порядок в виде «все на одной странице» — весьма и весьма доставляет, а если еще кто-то озаботится обновлением ссылок на потоки, то будет совершенно замечательно.

Читать полностью »

в 9:35, , рубрики: canvas, html5, svg, визуализация данных, я пиарюсь, метки: , , ,

image

В этой статье я хочу кратко поделиться своим опытом разработки проекта и привлечь дополнительную аудиторию для получения фидбэков.

Более года назад совместно с РИА Новости и компанией РВК в Медиа Лаборатории РИА Новости родился проект FutuReView — экспериментальный инструмент навигации в описанном будущем. По сути своей этот проект — визуализация библиотеки документов (форсайтов), описывающих различные аспекты жизнедеятельности нашей цивилизации в будущем, примерно на век вперед. Различные технологии, представления того как будут устроены города, отрасли жизнеобеспечения, здоровья, коммуникаций и так далее — обо всём этом от разных компаний и исследовательских институтов.Читать полностью »

в 20:52, , рубрики: ajax, canvas, file api, html5, image, img, javascript, memory leaks, Веб-разработка, метки: , , , , ,

Всем привет! Сегодня задача у нас следующая: необходимо создать интерфейс для загрузки картинок, который бы генерировал перед загрузкой превьюшки небольшого формата. На данный момент HTML5 вовсю шествует по планете, и, казалось бы, как это реализовать должно быть предельно ясно. Есть несколько русскоязычных статей на эту тему (вот, например). Но тут есть одно но. В рассматриваемом там подходе не уделено никакого внимания расходу памяти браузером. А расход может доходить до гигантских размеров. Разумеется, если загружать одновременно не более 5-10 картинок небольшого формата, то все остается в пределах нормы; но наш интерфейс должен позволять загружать сразу много изображений формата не меньше, чем у современных фотоаппаратов-мыльниц. И вот тогда-то свободная память начинает таять на глазах.

Читать полностью »

в 19:45, , рубрики: 2013, 2014, css, css3, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, итоги года, Новости, ресурсы, ссылки, ссылки на сми, тренды, метки: , , , , , , , , , , , , , , , , ,

Предлагаем вашему вниманию последнюю в этом году подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю № 90 (29 декабря — 4 января 2014)
Читать полностью »

в 18:41, , рубрики: android, GUI, html5, mobile development, usability, интерфейс пользователя, интерфейсы будущего, интерфейсы и юзабилити, мобильный интерфейс, метки: , , , , ,

Вступление

Интуитивный и удобный макет пользовательского интерфейса (GUI) для коммуникаторов и планшетных ПКОчень много существуют различных методологий и подходов к обеспечению удобства для пользователей при использовании того или иного интерфейса коммуникации человека с техническим устройством. Сейчас существует большое количество разнообразных коммуникационных интерфейсов: тактильные (кнопки/клавиатура, рычаги/джойстики/манипуляторы(«мышь» и т.п.), тач-скрины/-пады и т.д.) и не тактильные (основанные на жестах, акустические и т.д.). У всех них разное назначение и сферы применения.

В этой публикации мы поговорим о мобильных интерфейсах для навигации и работы с WEB-страницами и контентом. Также, постараемся вместе сделать что-то простое и интуитивно-понятное для большинства пользователей мобильных устройств, таких как коммуникаторы или планшеты с тач-скрин экранами (и/или аналогичными устройствами).
Читать полностью »

в 10:35, , рубрики: cordova, html5, mobile development, Ubuntu, Блог компании «Apps4All», Убунтариум, метки: , ,

Ubuntu начала поддерживать HTML5 приложения через широко распространенную «обертку» Cordova. В Ubuntu Cordova реализована поддержка Apache Cordova API и среды исполнения, которая позволяет превращать фактически страницы в нативные приложения.

С помощью Cordova из HTML5 приложений теперь можно получить доступ к акселерометру, камере, компасу, контактам, файлам, медиа, сети, уведомлениям и тому подобным вещам, собственно как и на всех остальных платформах, типа iOS ил Android.

image

Ubuntu также предоставляет HTML-разработчикам дефолтную тему для соответствия самой ОС.

Начать можно отсюда: Читать полностью »

в 10:48, , рубрики: c++, html5, javascript, mobile development, Samsung, tizen, tizen sdk, vk.com, Блог компании Samsung, Вконтакте, конкурс, мобильная разработка, метки: , , , , , , , , , ,

Привет!

Настало время подвести итоги двух месяцев напряженной работы конкурса Samsung: «Мессенджер ВКонтакте для Tizen». Жюри оценило все созданные приложения и определило победителей.

Поздравляем победителей конкурса «Мессенджер Вконтакте для Tizen»!
Читать полностью »

1...1020...464748...5060...76
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js