Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Drag-and-drop аттачментов на десктоп

Облачные сервисы
Gmail становится всё больше похож на десктопный клиент. Не так давно они внедрили drag-and-drop для присоединения файлов к письму, а теперь реализовали и обратную операцию — перенос аттачментов в папку или на десктоп.



Чтобы перенести файл, нужно ухватиться за его значок или за ссылку «Download». Также можно взять ссылку «Download all attachments» — и перетащить все аттачменты сразу.

Фича работает пока только в Google Chrome 5+, но автоматически заработает и в других браузерах, как только они реализуют поддержку HTML5 File APIs.

via Official Gmail Blog
Всего голосов 19: ↑8 и ↓11 -3
Просмотры225
Комментарии 3

Drag'n'drop файлов во Flex, используя HTML5 File API

Разработка веб-сайтов
Добрый день! Недавно для одного веб-приложения на Flex'e потребовалось сделать drag'n'drop загрузку фотографий. Flash не позволяет напрямую это реализовать, хотя в приложениях AIR такая фунциональность присутствует. Для решения задачи потребовалось применить HTML5 File API.
Читать дальше →
Всего голосов 10: ↑7 и ↓3 +4
Просмотры2.8K
Комментарии 4

Пишем редактор карт изображений (html image map) на javascript / html5 / inline SVG

JavaScriptHTML
Tutorial
Карты изображений применяются в том случае, когда требуется создать ссылку формы, отличной от прямоугольной. Например, для презентационных сайтов, отображения планов/схем и т.п.

Раньше создавать такие карты было удобно в Adobe ImageReady, но начиная с версии CS3 эта программа больше не поставляется с Фотошопом. На сегодняшний день подобный функционал есть в Adobe Fireworks, но устанавливать эту программу только из-за редактора карт (для работы мне нужен только Фотошоп) — не очень хорошая идея. Существуют и онлайн-редакторы, которые написаны, в основном, с использованием canvas. В них отсутствует возможность редактировать созданные области на карте. Если ошиблись — придется все переделывать. Да и создавать эти области не слишком удобно. Еще одно неудобство заключается в том, что картинку приходится загружать на сервер. В общем, надо писать что-то свое.

Итак, задача:
— написать на javascript редактор, который позволит создавать карты изображений — загружаем картинку, рисуем области, получаем html-код. Если ошиблись — должна быть возможность отредактировать карту. Редактор должен работать в оффлайн-режиме. Обеспечить поддержку только современных браузеров, в том числе Internet Explorer 9.

Summer html image map creator
Читать дальше →
Всего голосов 52: ↑50 и ↓2 +48
Просмотры41.5K
Комментарии 8

Особенности загрузки файлов на HTML5

JavaScriptHTML
Tutorial
Recovery mode
После некоторого, опыта решил написать небольшую статью-шпаргалку о загрузке файлов с использованием возможностей HTML5, а именно File API.

Читайте далее:
  1. Поддержка браузерами.
  2. Загрузка через Form Data.
  3. Загрузка через File Reader.

Читать дальше →
Всего голосов 52: ↑49 и ↓3 +46
Просмотры53.2K
Комментарии 25

Улучшаем опыт взаимодействия с формами

Разработка веб-сайтовJavaScriptHTML
Часто меня спрашивают студенты: «Какой элемент сайта самый важный?», на что я им отвечаю — формы. Ведь с помощью форм пользователи совершают почти все конверсионные действия. Именно с этим элементом связано больше всего проблем. В этой статье я постараюсь рассказать, что можно улучшить при взаимодействии с формами. А заодно описать новые возможности работы с ними в браузерах.

Однако, сначала я бы хотел обозначить свою позицию по разработке таких форм. По-моему мнению, правильным подходом при разработке интерфейсов является подход прогрессивного улучшения.
Читать дальше →
Всего голосов 93: ↑88 и ↓5 +83
Просмотры43.7K
Комментарии 32

Windows Azure Blob-storage: поддержка CORS

JavaScript.NETMicrosoft Azure
Tutorial
Недавно вышло много обновлений Windows Azure. Среди них долгожданная поддержка Cross-Origin Resource Sharing для хранилищ. Я плотно использую в работе blob-storage (файловое хранилище) и в этом посте опишу как сделать загрузку файлов простой и приятной.
хочу стать счастливым
Всего голосов 22: ↑18 и ↓4 +14
Просмотры5.6K
Комментарии 3

Мой последний file uploader

JavaScriptПрограммирование
Из песочницы
image
Я — веб-разработчик с непрофильным образованием и ~10-летним стажем. Я делал для веба все, что только могло прийти в голову моим заказчикам и, иногда, начальству. Я люблю эту работу. Но все же есть несколько вещей, которые я делаю совсем не улыбаясь. Одна из них — это file uploader. From the very beginning — когда еще никому не приходило в голову делать его аяксовым — и до настоящего времени — когда он ресайзит картинки, загружает файлы в несколько потоков и многое-многое другое — он остается для меня одной из самых нелюбимых задач. Вроде как у меня получилось с этим справиться. Если интересно — добро пожаловать под кат.
Вас ждут немножко Coffeescript-а, совсем чуть-чуть жалоб на jQuery, краткое описание $.Deferred, один к месту и не к месту нечаянно примененный паттерн и отсылка к одной забавной и интересной книге.
Читать дальше →
Всего голосов 94: ↑72 и ↓22 +50
Просмотры43.6K
Комментарии 26