iPhones.ru

Устанавливаем HTML5-виджеты на рабочий стол

Иван Петров avatar | 25
FavoriteLoading В закладки
Устанавливаем HTML5-виджеты на рабочий стол
UbersichtMain

Рабочий стол компьютера – это не только виртуальное пространство, благодаря которому можно получить мгновенный доступ к десяткам файлам. При умелом обращении, его можно превратить в мощный информационный инструмент. Наверняка, практически каждый знаком с миниатюрными приложениями, получившими название виджеты. В операционных системах iOS и OS X быстрый доступ к ним осуществлен через Центр уведомлений. Главным недостатком виджетов является необходимость их вызова из меню. И если на iOS, в связи с небольшим размером Springboard, такое решение вполне рационально, то на OS X пустующий рабочий стол – нехорошо.

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

Использование виджетов, написанных на языке HTML, имеет ряд особенностей.

      Достоинства:
  • виджеты невозможно случайно сдвинуть или закрыть;
  • возможность размещения иконок, папок и файлов поверх виджетов;
  • минимальное потребление ресурсов компьютера;
  • гибкая настройка;
      Недостатки:
  • необходимость базовых знаний языка HTML;

Установка Ubersicht

К счастью, большую часть работы за нас сделали энтузиасты-любители HTML-кода. Для установки виджетов потребуется загрузить приложение Ubersicht.

    1. Переходим на сайт Ubersicht и скачиваем последнюю версию приложения.
    2. Скачанное приложение переносим в Программы и запускаем.

На рабочем столе покажется краткая инструкция по работе со скриптами. Закрыть или передвинуть окно невозможно, поскольку оно и является скриптом.

UberHello

Чтобы избавиться от надоедливого мануала, откроем Ubersicht в меню баре и выберем пункт Open Widgets Folder (Открыть папку с виджетами).

UberMenuBar

Все, что находится в открытой папке, смело отправляем в корзину. Окно-приветствие Ubersicht исчезнет с рабочего стола и можно смело переходить к следующему этапу – установке виджетов.

Загрузка и установка виджетов

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

UberWidgetsCollection

Загружаем интересующие нас виджеты и копируем их в одну папку. Все необходимые для работы конкретного виджета файлы находятся в отдельной папке. Сам же процесс установки очень прост:

    1. В Меню баре Ubersicht открываем пункт Open Widgets Folder.
    2. Скачанные виджеты (в папках) копируем в открытую папку (директорию Ubersicht.

TransferWidgets

Скопированные виджеты запустятся автоматически, а на рабочем столе появится примерно следующая картинка:

DesktopUber

Вид рабочего стола зависит исключительно от конкретно установленного набора виджетов.

Меняем внешний вид виджетов

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

В каждой папке с виджетом есть файл с расширением *.coffee. Он и является исполняемым скриптом. Если вы знакомы с HTML, то никаких сложностей с изменением стиля оформления конкретного виджета не возникнет. Откройте требуемый файл с помощью текстового редактора и найдите строки, отвечающие за выравнивание. Находятся они в блоке Style:

WidgetEdit

Изменяя значения left и bottom (зависит от конкретного скрипта), вы можете двигать скрипт по рабочему столу, предварительно сохранив выполненные изменения. Внимательно изучив всю структуру каждого скрипта, можно изменить его практически до неузнаваемости: выставить требуемый размер шрифта, его цвет, отступ и прочие параметры. Для полного удаления виджета с рабочего стола достаточно удалить его из директории приложения Ubersicht.

UberDesk

Используя Ubersicht, добавив знания HTML и подключив фантазию и сообразительность, можно написать действительно полезные и функциональные скрипты, заменяющие ряд утилит, предложенных для Центра уведомлений. RRS-клиент, действующие котировки валют, текущий счет игры между командами любимой лиги… Продолжать можно до бесконечности.

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (Проголосуйте первым за статью!)
undefined
iPhones.ru
Рабочий стол компьютера – это не только виртуальное пространство, благодаря которому можно получить мгновенный доступ к десяткам файлам. При умелом обращении, его можно превратить в мощный информационный инструмент. Наверняка, практически каждый знаком с миниатюрными приложениями, получившими название виджеты. В операционных системах iOS и OS X быстрый доступ к ним осуществлен через Центр уведомлений. Главным недостатком...
Здесь можно оставить комментарий! Для этого авторизуйтесь или зарегистрируйтесь на iPhones.ru.

25 комментариев

Форум →
  1. micend avatar
    micend 27 января 2015
    0

    О! Спасибо! Неожиданно полезная статья.

    Войди на сайт, чтобы ответить
    Ответить
  2. PAHAN avatar
    PAHAN 27 января 2015
    0

    Очень круто, но обидно одно, на Маке рабочий стол я почти никогда не вижу, это не Windows, тут рабочий стол как бы ни разу не рабочий )

    admiless avatar
    admiless27 января 2015
    0

    @PAHAN, кто работает, а не меняет “скучные обои” тот не видит и на Windows рабочий стол :)
    наверно по этой причине виджеты обычно делают висящими поверх всех окон либо всплывающие в любой ОС

    Артур Малосиев avatar
    Артур Малосиев27 января 2015
    0

    @PAHAN, аналогично. Рабочий стол вижу только при загрузке системы :)

    serhiy avatar
    serhiy27 января 2015
    0

    @PAHAN, согласен, но вот когда я эир к монитору подключаю то работаю только за монитором а экран эира почти все время свободный, ну или там какая-то мелоч типа айтюнса или айфото, и вот думаю что виджет будет круто смотреться

    migmit avatar
    migmit27 января 2015
    0

    @PAHAN, Я и когда сидел под виндой практически его не видел. Потому что делать там нечего.

    Войди на сайт, чтобы ответить
    Ответить
  3. lokashur avatar
    lokashur 27 января 2015
    0

    HTML5-виджеты через дефис.

    Войди на сайт, чтобы ответить
    Ответить
  4. oleksa avatar
    oleksa 27 января 2015
    0

    HELP – что то не получается – помогите любителю!….)))) После внесения в папку Open Widgets Folder папок со скаченными виджетами – автоматически виджеты не включились, на мониторе ничего не появилось….. (((( что делать дальше – если можно пошагово…???

    admiless avatar
    admiless27 января 2015
    0

    @oleksa, в папку Open Widgets Folder переносим не папки, а сами виджеты, из папок
    виджеты почти все index.coffee, что вызывает диалог “заменить/добавить, так, что, если виджетов несколько копируйте их с новым именем: “Копия index.coffee” вполне работает, так, что можете переименовывать виджеты в любое “название.coffee”
    (ириллица в названиях работает) и затем уже копировать в Open Widgets Folder

    The AGENT avatar
    The AGENT28 января 2015
    0

    @admiless, Как раз наоборот, если закинуть файлы виджета без папки, то не работает.

    Войди на сайт, чтобы ответить
    Ответить
  5. The AGENT avatar
    The AGENT 28 января 2015
    0

    При попытке внести изменения и сохранить файл index.coffee вылетает ошибка – Unexpected token illegal. Соответственно, ничего не поменять. WTF?

    Войди на сайт, чтобы ответить
    Ответить
  6. kamikadze_t avatar
    kamikadze_t 28 января 2015
    0

    Что то у меня не один виджет с погодой не заработал. Подскажите что и где надо править.

    Войди на сайт, чтобы ответить
    Ответить
  7. Creator avatar
    Creator 28 января 2015
    0

    Тема с виджетами для OS X, конечно, хорошая, только пожалуй я соглашусь с предыдущими ораторами по поводу “кто смотрит на обои”…
    Так же интересует вопрос о ресурсоемкости сего чуда?

    Войди на сайт, чтобы ответить
    Ответить
  8. ruhalek avatar
    ruhalek 28 января 2015
    0

    а как сделать симпл клок в формате 24h?

    SunKi avatar
    SunKi29 января 2015
    0

    @ruhalek,
    format = (->
    if dateOptions.showDate
    dateOptions.date + ‘\n’ +’%H:%M:%S’
    else
    ‘%H:%M:%S’

    ruhalek avatar
    ruhalek29 января 2015
    0

    @SunKi, менял и так и сяк +’%l:%M %p’ на +’%H:%M:%S’, выдает ошибку.

    SunKi avatar
    SunKi29 января 2015
    SanSanichSan avatar
    SanSanichSan29 января 2015
    0

    @ruhalek, format = ‘%d %a %H:%M’

    ruhalek avatar
    ruhalek29 января 2015
    0

    @SanSanichSan, короч проблема оказалась в штатном редакторе, спасибо за помощь)

    ruhalek avatar
    ruhalek29 января 2015
    0

    тобишь первый вариант рабочий, а редактор сменил на текст вранглер, когда то давно помню только и им и пользовался, а то что родной “косорукий” об этом забыл)

    Войди на сайт, чтобы ответить
    Ответить
  9. oleksa avatar
    oleksa 29 января 2015
    0

    Приветствую всех!
    по часам разобрался у меня заработали часики как поставил
    format = (->
    if dateOptions.showDate
    dateOptions.date + ‘\n’ +’%H:%M:%S’
    else
    ‘%H:%M:%S’ но только секунды не показывались, а обновлялись показатели через 10 сек…..
    тогда ввел просто след комбинацию:
    format = (->
    if dateOptions.showDate
    dateOptions.date + ‘\n’ +’%H:%M’
    else
    ‘%H:%M’ и остались только часы в формате 16:45…
    по поводу погоды (виджет скачали больше 2 тыс человек и пометка что обновлено) – НО не получилось совсем – на экране появляется полная ерунда из текста…. жаль… пришлось полностью удалить…

    Войди на сайт, чтобы ответить
    Ответить
  10. oleksa avatar
    oleksa 29 января 2015
    0

    да кстати забыл написать у меня почему то ни дата ни день не показывает-хотя виджет скачивал с этими функциями

    ruhalek avatar
    ruhalek29 января 2015
    0

    @oleksa, там надо указать true к дате

    ruhalek avatar
    ruhalek29 января 2015
    0

    @oleksa, а что бы секунды пошли надо 30000 милисек, в твоем случае 10000 видимо изменить на 1000

    Войди на сайт, чтобы ответить
    Ответить
  11. oleksa avatar
    oleksa 29 января 2015
    0

    секунды пошли когда поменял на 1000милисек, а где надо true поставить для даты?

    Войди на сайт, чтобы ответить
    Ответить
Помни о правилах — если начал оффтопить, то не удивляйся потом.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.