Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Рубрика «html5» - 59
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №46 (23 февраля — 1 марта 2013)
2013-03-01 в 20:12, admin, рубрики: css, css3, emmet, Firefox OS, html, html5, ie10, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, css3, emmet, Firefox OS, html, html5, ie10, jquery, yandex store, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №46 (23 февраля — 1 марта 2013)")
AVCONV — конвертация видеофайлов для тега video HTML5 и наложение ватермарка
2013-03-01 в 9:50, admin, рубрики: avconv, ffmpeg, html5, Веб-разработка, Работа с видео, метки: avconv, ffmpeg, html5, видеоК хорошему посту habrahabr.ru/post/171213/
Некоторое время назад FFMPEG в Ubuntu объявили non grata. В качестве замены развивается дублирующий проект — AVCONV.
Принцип работы похож, но есть некоторые незначительные отличия.
Приведу пример решения популярной задачи — подготовки видео для публикации в теге video HTML5.
- Преобразуем видео из произвольного формата в набор FLV, MP4 и OGV
- Накладываем ватермарк
Intel приобретает набор HTML5 инструментов для разработчиков мобильных приложений
2013-02-27 в 10:04, admin, рубрики: android, html5, iOS, Блог компании Intel, Разработка под android, разработка под iOS, метки: android, html5, iOS 
Компания Intel сообщает о приобретении инструментария разработчиков приложений для мобильных устройств, разработанного командой стартапа AppMobi. Список программ и компонентов, переходящих к Intel, имеет следующий вид:
- XDK (Сross platform development kit) IDE – первая основанная на HTML5 среда разработки мобильных приложений. Включает в себя инструменты для создания, отладки и сборки ПО, а также эмулятор устройств на iOS и Android;
- PhoneGap XDK – среда разработки с полной поддержкой open source фреймворка PhoneGap;
- GameDev XDK – среда разработки игровых приложений на HTML5. В качестве примера AppMobi уже выпустила HTML5 игру под названием BoomTown;
- jqMobi и jqUI, теперь называемые вместе Intel App Framework – фреймворк для реализации JQuery на мобильных устройствах;
- directCanvas – технология ускорения приложений на HTML5 и SDK к ней;
- Mobius – «Web браузер», позволяющий запускать Web приложения на HTML5 как установленные в ОС.
Логотип по стандартам HTML5 или Как поставить векторную картинку на веб-страницу
2013-02-25 в 6:00, admin, рубрики: domino, embed, html5, ie8, img, mime type, object, svg, Веб-разработка, векторная графика, верстка сайтов, логотипы, обработка изображений, Песочница, метки: domino, embed, html5, ie8, img, mime type, object, svg, векторная графика, верстка сайтов, логотипы 
20-летнему юбилею тега IMG посвящается
25 февраля 1993 года Марк Андрессен (Marc Andreessen) написал:
Предлагаю новый опциональный HTML-тег: IMG
При нем должен обязательно указываться аргумент SRC=«url».
Тег отсылает к файлу растрового изображения (bitmap или pixmap). Браузер будет запрашивать этот файл в Сети, распознавать как изображение и вставлять в текст сообразно месту тега в коде страницы .
Допустим, вы нарисовали в Corel Draw! логотип компании и собираетесь разместить его на сайте не как-нибудь, а формате HTML5. И, соответственно, размещать картинку не в растровом формате, а в .SVG
Зачем мне картинка в SVG?
Что это дает, понятно – при любом масштабировании на планшете или любом другом гаджете мы имеем идеально точно отрисованную картинку, насколько детализированной она бы ни была.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №45 (16 — 21 февраля 2013)
2013-02-22 в 21:57, admin, рубрики: chrome, css, css3, HTC One, html, html5, jquery, JS, tizen, webkit, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №45 (16 — 21 февраля 2013)")
Несколько интересных приёмов на CSS3
2013-02-21 в 8:10, admin, рубрики: css, css3, html, html5, Веб-разработкаСпецификации CSS3 позволяют фронтэнд-разработчикам создавать сложные визуальные эффекты, чтобы сделать сайты красивее. Я собрал более 10 новых приёмов CSS3, подходящих для того, чтобы украсить ваш сайт и придать ему более профессиональный вид.
CSS функция Calc()
Calc() позволяет выполнять расчеты по определению размеров и формы объектов. Она может быть использована в любом месте!
/* basic calc */
.simpleBlock {
width: calc(100% - 100px);
}
/* calc in calc */
.complexBlock {
width: calc(100% - 50% / 3);
padding: 5px calc(3% - 2px);
margin-left: calc(10% + 10px);
}
Моя демократия заканчивается у кончика твоего носа: совместное редактирование в облаке
2013-02-19 в 8:07, admin, рубрики: canvas, html, html5, online editor, Блог компании TeamLab, управление документами, управление проектами, метки: Canvas, html5, online editor, управление документами, управление проектамиОчередной этап Формулы-1. Напряженная гонка на запредельных скоростях. Пит-стоп, замена резины. Слаженная команда механиков за считанные секунды меняет колеса и болид продолжает гонку. Один профессионал — одна задача. А теперь представьте, что все колеса меняет один механик, или у каждого колеса мнется в растерянности целая команда, все мешают друг другу и дают бесконечные советы. Гонка безвозвратно проиграна.
Итак, представим, что гонкой в нашем случае является коллективное редактирование одного объекта — документа (простого или многостраничного, с рисунками, таблицами и прочими атрибутами). Как правило, предметом совместного редактирования являются объемные документы, требующие внимания всех подразделений организации: годовые отчеты, бизнес-планы, проекты бюджета, положения и соглашения, стратегии развития и управления рисками, методики и т.д. Выбор надежного и профессионального инструмента совместного редактирования — важный момент при работе с корпоративной документацией.
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №44 (9 — 15 февраля 2013)
2013-02-15 в 19:49, admin, рубрики: css, css3, harlem shake, html, html5, jquery, JS, opera, WebGL, webkit, Блог компании Zfort Group, браузеры, веб-аналитика, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, css3, harlem shake, html, html5, jquery, opera, WebGL, webkit, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №44 (9 — 15 февраля 2013)")
Визуальное редактирование данных на странице, используя HTML как хранилище данных
2013-02-15 в 14:44, admin, рубрики: html, html5, java, javascript, jQuery UI, web-services, Блог компании «ETNA Software», метки: html5, java, javascript, jQuery UI, web-servicesКогда нам нужно предоставить пользователю возможность графического редактирования содержимого на странице, пожалуй, чаще всего мы используем JavaScript для хранения данных и передачи их на сервер, и все споры ведутся вокруг способа отображения, внешнего вида редактора. Наш выбор простирается от простого HTML (с холстом или без) до встроенного SVG или использования Flash плеера.
Выбрать между этими вариантами не сложно: SVG подойдёт для схем или планов и другой векторной графики, холст больше подходит для фотографий или других изображений. Однако, оба этих элемента требуют «отделения» себя от страницы. Под «отделением» я имею ввиду то, что любой из этих элементов требует написания дополнительных сценариев для синхронизации вида с моделью.
Для небольших объектов, структура которых хорошо описывается деревом или списком (например, корзина покупателя или бизнес-процесс), использование HTML элементов для отображения и хранения данных могло бы упростить разработку и поддержку.
Читать полностью »