Материалы из категории - Новые материалы

by nradiowave, подборка KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox

Расширение для быстрой и удобной загрузки нужных изображений и творчества с любого сайта и веб-галерей. Поддерживаются сайты Pixiv, Pinterest, Вконтакте, ArtStation, DeviantArt, Twitter, Joyreactor (расширенный функционал), Reddit и многие другие. Скачать KellyC Image Downloader можно ниже.

Примеры использования и список сайтов с которых можно быстро скачать оригиналы изображений : Приведен здесь

доп. функционал для сайта joyreactor.cc
  • Сохранение картинок из публикаций и комментариев
  • Раздел на сайте с альтернативным каталогом сохраненных картинок
  • Возможность быстро скачать картинки из "Закладок" на сайте
  • Возможность быстро скачать картинки из тега на сайте
  • Опционально кнопка быстрого сохранения всех картинок из публикации

Расширения доступно для браузеров

Firefox | Chrome | Opera * | Edge * | Yandex.Browser *

* Расширение так же корректно работает в браузерах поддерживающих установку расширений через магазин Chrome 

Исходный код и дополнительная информация : GitHub

  Картинки Рисунок №1 by nradiowave, KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox, Рисунок №2 by nradiowave, KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox, Рисунок №3 by nradiowave, KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox, Рисунок №4 by nradiowave, KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox, Рисунок №5 by nradiowave, KellyC Image Downloader, #image_downloader #chrome #opera #javascript #web #расширение #firefox

Читать дальше

Виджет выбора цвета (цветовое кольцо, модель hsv)

  • масштабируемый
  • html5
  • оптимизирован для работы с мобильными устройствами
  • не требует дополнительных библиотек
Пример использования

 1. Подключаем скрипт 

Код html:

<script src="html5kellycolorpicker.min.js"></script>
 

 2. Добавляем поле ввода с которым будет взаимодействовать виджет и поле для вывода виджета (тег canvas) 

Код html:


<canvas id="picker"></canvas>

<input id="color" type="text" />
 

 3. Создаем объект для которого указываем в массиве входных параметров соответствующие полю ввода и полю вывода виджета идентификаторы 

Код javascript:

new KellyColorPicker({place : 'picker', input : 'color', size : 150});
 
Возможно также вместо идентификаторов использовать класс поля ввода, тогда нет необходимости указывать куда выводить виджет, он будет отображаться во всплывающем окне при клике на поле ввода
 

Код javascript:

var colorpickers = KellyColorPicker.attachToInputByClass('colorpicker', {alpha_slider : true, size : 200});

 

Где colorpicker - класс поля ввода для которого необходимо добавить возможность выбора цвета. Так в примере ниже, виджет выведен подобным образом. Для более тонкой настройки см. подробную документацию.

  

 

Актуальная версия расширения, примеры и тесты работы доступны на GitHub'e. 

Скачать с GitHub  Документация

Картинки Рисунок №1 by nradiowave, HTML5 Color Picker, #javascript #web