Всем привет! Сегодня задача у нас следующая: необходимо создать интерфейс для загрузки картинок, который бы генерировал перед загрузкой превьюшки небольшого формата. На данный момент HTML5 вовсю шествует по планете, и, казалось бы, как это реализовать должно быть предельно ясно. Есть несколько русскоязычных статей на эту тему (вот, например). Но тут есть одно но. В рассматриваемом там подходе не уделено никакого внимания расходу памяти браузером. А расход может доходить до гигантских размеров. Разумеется, если загружать одновременно не более 5-10 картинок небольшого формата, то все остается в пределах нормы; но наш интерфейс должен позволять загружать сразу много изображений формата не меньше, чем у современных фотоаппаратов-мыльниц. И вот тогда-то свободная память начинает таять на глазах.
Метка «html5» - 4
Создание превью изображений на клиенте: борьба с прожорливыми браузерами
2014-01-07 в 20:52, admin, рубрики: ajax, canvas, file api, html5, image, img, javascript, memory leaks, Веб-разработка, метки: Canvas, file api, html5, image, img, memory leaksДайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 90 (29 декабря — 4 января 2014)
2014-01-04 в 19:45, admin, рубрики: 2013, 2014, css, css3, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, итоги года, Новости, ресурсы, ссылки, ссылки на сми, тренды, метки: 2013, 2014, css, css3, html, html5, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, итоги года, новости, ресурсы, ссылки, ссылки на сми, трендыПредлагаем вашему вниманию последнюю в этом году подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Интуитивный и удобный макет пользовательского интерфейса (GUI) для коммуникаторов и планшетных ПК
2013-12-30 в 18:41, admin, рубрики: android, GUI, html5, mobile development, usability, интерфейс пользователя, интерфейсы будущего, интерфейсы и юзабилити, мобильный интерфейс, метки: gui, html5, интерфейс пользователя, интерфейсы будущего, интерфейсы и юзабилити, мобильный интерфейсВступление
Очень много существуют различных методологий и подходов к обеспечению удобства для пользователей при использовании того или иного интерфейса коммуникации человека с техническим устройством. Сейчас существует большое количество разнообразных коммуникационных интерфейсов: тактильные (кнопки/клавиатура, рычаги/джойстики/манипуляторы(«мышь» и т.п.), тач-скрины/-пады и т.д.) и не тактильные (основанные на жестах, акустические и т.д.). У всех них разное назначение и сферы применения.
В этой публикации мы поговорим о мобильных интерфейсах для навигации и работы с WEB-страницами и контентом. Также, постараемся вместе сделать что-то простое и интуитивно-понятное для большинства пользователей мобильных устройств, таких как коммуникаторы или планшеты с тач-скрин экранами (и/или аналогичными устройствами).
Читать полностью »
Cordova для Ubuntu
2013-12-27 в 10:35, admin, рубрики: cordova, html5, mobile development, Ubuntu, Блог компании «Apps4All», Убунтариум, метки: cordova, html5, UbuntuUbuntu начала поддерживать HTML5 приложения через широко распространенную «обертку» Cordova. В Ubuntu Cordova реализована поддержка Apache Cordova API и среды исполнения, которая позволяет превращать фактически страницы в нативные приложения.
С помощью Cordova из HTML5 приложений теперь можно получить доступ к акселерометру, камере, компасу, контактам, файлам, медиа, сети, уведомлениям и тому подобным вещам, собственно как и на всех остальных платформах, типа iOS ил Android.

Ubuntu также предоставляет HTML-разработчикам дефолтную тему для соответствия самой ОС.
Начать можно отсюда: Читать полностью »
Поздравляем победителей конкурса «Мессенджер Вконтакте для Tizen»!
2013-12-26 в 10:48, admin, рубрики: c++, html5, javascript, mobile development, Samsung, tizen, tizen sdk, vk.com, Блог компании Samsung, Вконтакте, конкурс, мобильная разработка, метки: c++, html5, javascript, mobile development, Samsung, tizen, tizen sdk, vk.com, Вконтакте, конкурс, мобильная разработкаПривет!
Настало время подвести итоги двух месяцев напряженной работы конкурса Samsung: «Мессенджер ВКонтакте для Tizen». Жюри оценило все созданные приложения и определило победителей.
Специальное предложение от Marmalade Technologies Ltd для разработчиков Tizen-приложений
2013-12-19 в 6:02, admin, рубрики: c++, cocos2d-x, game development, html5, javascript, Lua, marmalade, mobile development, Samsung, tizen, tizen sdk, Блог компании Samsung, мобильная разработка, метки: c++, cocos2d-x, game development, html5, javascript, lua, marmalade, mobile development, Samsung, tizen, tizen sdk, мобильная разработкаДоброе утро!
Если вы еще не в курсе, спешим сообщить, что у разработчиков приложений для Tizen есть уникальная возможность получить лицензию на Marmalade SDK сроком на полгода от компании партнёра Tizen Association — Marmalade Technologies Ltd, а также возможность получить денежное вознаграждение от appbackr.
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 87 (7 — 14 декабря 2013)
2013-12-14 в 18:48, admin, рубрики: bitcoin, css, css3, html, html5, jquery, JS, WebGL, адаптивный дизайн, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, игры, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: bitcoin, css, css3, html, html5, jquery, WebGL, адаптивный дизайн, браузеры, веб-дизайн, Веб-разработка, дайджест, игры, интересное, новости, ресурсы, ссылки, ссылки на смиХакатон APPS4ALL в Москве
2013-12-07 в 8:54, admin, рубрики: android, c++, Hackathon, html5, javascript, mobile development, Samsung, tizen, tizen sdk, web-разработка, Блог компании Samsung, мобильная разработка, хакатон, метки: c++, Hackathon, html5, javascript, mobile development, Samsung, tizen, tizen sdk, web программирование, web-разработка, мобильная разработка, ХакатонДобрый день!

Спешим сообщить, что 13 и 14 декабря в Москве пройдет крупнейший в России и СНГ хакатон APPS4ALL!
В течение двух дней и одной ночи в Коворкинге Нагатино пройдет увлекательный марафон программирования по созданию мобильного или веб-приложения, в котором примут участие более 70 команд. Консультировать участников (программистов, дизайнеров и предпринимателей) будут приглашенные специалисты по открытым данным, представители компаний-партнеров, менторы, инвесторы и эксперты рынка.
Читать полностью »
8 HTML элементов, которые вы не используете (а следовало бы)
2013-12-03 в 14:16, admin, рубрики: html, html5, Веб-разработка, переводы, семантическая разметка, метки: html5, семантическая разметка .png)
Веб сегодня все больше и больше семантический. Но что означает «семантический»? Почему это важно?
Семантический HTML выражает значение документа. Он больше о том, чем является текст, чем о том, как он выглядит. Хорошая семантическая разметка помогает и человеку и компьютеру лучше понять содержимое документа и его контекст.
Семантическая разметка намного легче поддается интерпретации. Она дружественна поисковой оптимизации. Отлично работает с современными браузерами, уменьшает количество кода, необходимого, чтобы выразить содержимое и повышает читаемость этого кода.
Ок, итак семантическая разметка — это хорошо, но как ее использовать. Лучше всего начать с замены обычных тегов на более выразительные. Давайте посмотрим восемь элементов, которые позволят вам войти в эту игру.
Читать полностью »
Сайты для детей — просто ли сделать серьёзный продукт «игрушечно»
2013-11-28 в 6:34, admin, рубрики: accessibility, html5, детские приложения, разработка, разработка сайтов, метки: html5, детские приложения, разработка сайтовВ посте хочу поделиться «best practices» создания развивающих сайтов, для детей. Сразу оговорюсь: под словом «дети» я впредь буду иметь в виду не вундеркиндов, которые обыгрывают пап в шахматы и прочли все пятнадцать томов «Детской энциклопедии», а обычные малыши, которые учатся читать, щитать, постигают элементарную логику.

.jpg)


.png)