Добрый день, уважаемые хобровчане.
Сегодня я бы хотел немного повспоминать то каким мне раньше (а возможно не только мне) представлялось будущее веба и каким веб стал в реальности.
Рубрика «html5» - 59
WEB которого уже никогда не будет
2013-03-06 в 10:45, admin, рубрики: css, css3, html, html5, Веб-разработка, метки: css3, html5
Webrtc, Peer Connection — создание полноценного видео чата в браузере
2013-03-04 в 18:44, admin, рубрики: html, html5, javascript, jquery, python, WebRTC, Веб-разработка, метки: html5, javascript, python, WebRTC 
Введение
Webrtc на хабре уже неоднократно упоминался, хотелось бы рассказать немного про техническую часть реализации и осветить создание небольшого видео чата. Хочу сразу оговорится, что реализация webrtc постоянно меняется, в том числе названия функций api, их параметры.
Всем, кому просто хотелось бы посмотреть сразу как это все работает, сюда: apprtc.appspot.com демка от гугла все что нужно — это перейти по ссылке и послать её еще кому-нибудь уже с номером комнаты. В конце нужно поменять цифры если окажется что комната переполнена. Кому интересно как это все работает добро пожаловать под кат
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №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. Напряженная гонка на запредельных скоростях. Пит-стоп, замена резины. Слаженная команда механиков за считанные секунды меняет колеса и болид продолжает гонку. Один профессионал — одна задача. А теперь представьте, что все колеса меняет один механик, или у каждого колеса мнется в растерянности целая команда, все мешают друг другу и дают бесконечные советы. Гонка безвозвратно проиграна.
Итак, представим, что гонкой в нашем случае является коллективное редактирование одного объекта — документа (простого или многостраничного, с рисунками, таблицами и прочими атрибутами). Как правило, предметом совместного редактирования являются объемные документы, требующие внимания всех подразделений организации: годовые отчеты, бизнес-планы, проекты бюджета, положения и соглашения, стратегии развития и управления рисками, методики и т.д. Выбор надежного и профессионального инструмента совместного редактирования — важный момент при работе с корпоративной документацией.
