JSGadget - JavaScript гаджеты


Сайт посвящен различным гаджетам, отображаемым на WEB-странице посредством JavaScript.


Новости сайта


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

New! 23.04.2016
03.11.2015 проект опубликован на GitHub. Теперь все обновления, если таковые будут, в первую очередь появятся там.


Оглавление



Вместо предисловия


Для начала, давайте найдем ответ на вопрос, а что же такое гаджет (англ. gadget)? Вот какой ответ на это дает Википедия, цитата:
В программном обеспечении гаджет (виджет) — небольшое приложение, предоставляющее дополнительную информацию, например, прогноз погоды или курс валют.

Небольшое отступление:
Что интересно, Gadget — название первого в мире ядерного заряда, взорванного США в испытательных целях 16 июля 1945 года на полигоне Аламогордо.

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

В начало страницы

Гаджеты, представленные на сайте


На сайте представлены следующие JavaScript гаджеты (виджеты):

  • Гаджет JSClock - стрелочные часы
    JSClock - Часы. Гаджет отображает на ВЕБ-странице симпатичные анимированные стрелочные часы, допускающие некоторые возможности по адаптации внешнего вида.

  • Гаджет JSChart - график (диаграмма)
    JSChart - График. Данный гаджет является небольшим, но достаточно функциональным JavaScript компонентом, позволяющим отображать на ВЕБ-странице график (диаграмму) для графического представления изменения различных параметров во времени. Может отображать как аналоговые, так и дискретные параметры. Имеет довольно гибкое управление функциональностью путем манипуляции различными опциями, передаваемыми в конструктор компонента.

  • Гаджет JSMeter - стрелочный измерительный прибор
    JSMeter - Измеритель. Данный гаджет представляет собой стрелочный измерительный прибор, допускающий адаптацию диапазона измерения и внешнего вида.

  • Гаджет JSDisplay - 7-сегментный дисплей
    JSDisplay - Дисплей. Гаджет отображает на ВЕБ-странице 7-сегментный дисплей, допускающий отображение произвольного количества десятичных разрядов и адаптацию внешнего вида под Ваш вкус и требования. Манипулируя опциями, передаваемыми в конструктор JavaScript компонента можно имитировать как жидкокристаллический LCD дисплей, так и светодиодный LED.

  • Гаджет JSCounter - механический счетчик
    JSCounter - Счетчик. Гаджет имитирует на ВЕБ-странице механический счетчик с анимацией перевода цифр. Счетчик может отображать произвольное количество десятичных разрядов, внешний вид может быть адаптирован к стилю оформления Вашей ВЕБ-страницы с помощью CSS обрамления.

В дальнейшем этот список, надеюсь, будет пополняться, так что если Вы не нашли на страницах сайта того, чего хотели - заходите через месяц (неделю, год) - может быть тут уже появилось то, чего Вы ищете. Так же будет расширяться функциональность существующих гаджетов - например гаджет JSChart (график) я широко использую по работе для отображения параметров технологических процессов на WEB-страницах АРМ (автоматизированное рабочее место) и в ходе разработки новых информационных систем и АСУТП периодически требуется добавлять те или иные функции.

В начало страницы

Условия использования


Все JavaScript файлы гаджетов, доступные для загрузки со страниц этого сайта, распространяются свободно по лицензии MIT: оригинальный текст (англ.) (русский перевод ANSI UTF-8 ), и Вы их можете использовать по своему усмотрению. Ссылку с Ваших WEB-страниц на сайт-источник приводить не требуется (хотя и не возбраняется). Единственная просьба - сохранять мой копирайт в начале файла.
Так же Вы можете по своему усмотрению абсолютно свободно использовать HTML, CSS и JavaScript файлы примеров и их фрагменты.

В начало страницы

Библиотеки сторонних разработчиков


Для функционирования представленных на сайте гаджетов необходимо наличие JavaScript библиотеки jQuery. Библиотека распространяется свободно под лицензией MIT и доступна для загрузки с официального сайта http://jquery.com. Мною используется версия 2.0.2 (файл jquery-2.0.2.min.js) совметно с пакетом совместимости версии 1.2.1 (файл jquery-migrate-1.2.1.min.js), но все должно работать и с другими версиями.

В начало страницы

Требования к WEB-обозревателю


HTML5 CSS3 Javascript
Для корректного отображения представленных гаджетов требуется браузер, поддерживающий современные WEB-технологии: HTML5, CSS3, JavaScript. На данный момент проверена работоспособность со свежими версиями следующих браузеров:
Пиктограмма Mozilla Firefox Mozilla Firefox (Iceweasel)
Пиктограмма Google Chrome Google Chrome
Пиктограмма Apple Safari Apple Safari
Пиктограмма Opera Opera
Пиктограмма Microsoft Internet Explorer Microsoft Internet Explorer (начиная с 9 версии)

В начало страницы

История


В данный раздел будут перемещаться записи из раздела «Новости сайта», когда они будут переставать быть новостями.

30.10.2015
Появилась новая версия гаджета JSChart - 2.2.2

04.05.2014
На странице гаджета JSChart появилось описание API

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

06.04.2014
На страницах гаджетов JSClock, JSMeter и JSDisplay появилось описание API

В начало страницы