Юля Кондратьева: проекты и блог

Расширение для Хрома OneClick Picsaver

Цель — Быстро и удобно сохранять все нужные картинки

У любого дизайнера, имеющего привычку сохранять интересные рекламные кейсы, классные дизайнерские концепты и работы хороших новых иллюстраторов, время и силы тратятся на бестолковое и утомительное сохранение каждой картинки.

Например, чтобы сохранить 20 картинок в одну папку, нужно 90 раз кликнуть
Например, чтобы сохранить 20 картинок в одну папку, нужно 90 раз кликнуть

Я поробовала использовать существующие решения, но все заставляют кликать слишком много и делают много ошибок в определении картинок.

Захотелось свое приложение, умное и простое. С первого подхода нарисовала интерфейс.

Первая версия интерфейса
Первая версия интерфейса

Думаю над названием.

А также Image Steam, Fall Images, OneClick Image Collector, SaveUp Images и другие
А также Image Steam, Fall Images, OneClick Image Collector, SaveUp Images и другие

Сразу нарисовала логотип и промо-материалы.

Первая версия логотипа

По счастливому стечению обстоятельств пост в блоге прочитал хороший программист Гриша Одегов.

Комментарий от Гриши Одегова в блоге

Начали программировать. Оказалось, что сохранять картинки в файловую систему нельзя из-за соображений безопасности.

Попробовали обойти это через HTML 5 File System API. Оказалось, что создавать файлы и управлять ими можно только в пользовательской "песочнице", из которой нельзя получить структуру директорий реальной файловой системы, показать пользователю диалог сохранения и потом сохранить данные в указанное пользователем место. Копаем дальше.

У Хрома есть расширение chrome.fileSystem, которое расширяет функционал HTML 5 fileSystem и добавляет возможность работы с диалоговыми окнами с помощью метода chooseEntry. Опа, проблема: либо мы можем работать с вкладками и получать содержимое страниц для анализа, но не можем получить удобоваримый доступ к файловой системе, либо мы можем получить доступ к файловой системе без доступа к странице, что делает реализацию на HTML 5 / chrome.fileSystem невозможной.

Думаем дальше, пробуем chrome.downloads. Ой, он пока еще экспериментальный и доступен только пользователям dev-ветки. Значит не подходит.

Вспомнили про NPAPI-плагины. Их интерфейс вполне кроссплатформенный и позволяет выполнять нативный код, способный взаимодействовать со скриптами, выполняемыми в браузере. Ура, работает! Собираем версии под разные ОС.

Полируем интерфейс, обговариваем мелочи.

Комментарии к интерфейсу

Решаем, что иконка непонятная, а в маленьких размерах вообще смахивает на слив канализации.

Замечательный Виталий Войнов, главный иконщик Студии, взял и в свободное время нарисовал понятные и красивые иконки Иконки 16х16

Новая иконка OneClick Picsaver

Для новой иконки перерисовала промо-материалы и заодно сократила название.

OneClick Picsaver

Всё готово, гугл одобрил. Можно скачивать и наслаждаться.





Другие работы

Концепт браузера
август 2014
Уроки и тестирование для школьников
февраль 2015