Любой, кто знает, как возиться с HTML, теперь может возиться со своим настольным компьютером. Topframe — это инструмент с открытым исходным кодом, который позволяет настраивать экран рабочего стола с помощью HTML/CSS/JavaScript.
Это началось как демо для macdriver, но в течение последней недели или около того я делал отдельную версию. 90% этого времени я играл с ним, пытаясь сделать демо.
Может ли это снова вернуть компьютерную эстетику персонализированных страниц MySpace и сайтов Geocities? Нет?? …может быть? Что ж, в любом случае, я рад снова поделиться с людьми инструментом поэкспериментировать.
Topframe — это полноэкранный оверлей, отображающий специальную веб-страницу из вашего домашнего каталога. Редактирование исходного кода страницы и нажатие кнопки "Сохранить" волшебным образом обновит ваш экран практически всем, что вы можете делать в браузере.
Да, в него встроен Tailwind, а также старый добрый jQuery. Тем не менее, вы можете поместить все, что хотите, в каталог верхнего фрейма для использования. Или хотлинк, почему бы и нет? Это не WEBSCALE, это просто на вашем компьютере. Ваш персональный компьютер.
Начало работы с Topframe
Топфрейм еще очень рано. Весь проект меньше чем 400 строк Go. На самом деле вам нужно установить Go, чтобы использовать Topframe на этом альфа-этапе. Вам также понадобится Mac, но к версии 1.0 он станет кроссплатформенным.
Обратитесь к README для получения более подробной информации, но установка в основном так же проста, как:
$ go get github.com/progrium/topframeЗатем вы можете просто запустить topframe, и он запустит оверлейную веб-страницу с сумасшедшим демо-контентом. Извините. Важно отметить новый значок строки меню 🔲 и меню:
Здесь вы фактически управляете Topframe, но в этом нет ничего особенного. Вы можете включить/отключить (скрыть), сделать его интерактивным (по умолчанию события мыши просто проходят) и быстро перейти в исходный каталог.
Нажав «Показать исходный код» и открыв файл index.html в своем любимом редакторе, вы можете просто стереть весь тот мусор, который я поместил на ваш экран. ОДНАКО, вы также можете просмотреть его и посмотреть, что вы можете найти, прежде чем сдуть его. Там могут быть какие-то интересные идеи или функции, спрятанные там.
Для чего это можно было бы использовать?
Поскольку демонстрация пытается общаться, с Topframe можно сделать МНОГО. Для тех, кто стримит на Twitch (таких как я), вы можете использовать это как альтернативу созданию оверлеев в OBS. Или, проявив некоторую изобретательность, вы могли бы сделать скины для всех ваших окон. Если кто-нибудь помнит панель управления OS X, которую они удалили, вы можете сделать свою собственную (улучшенную) версию.
А можно сделать какой-нибудь тамагочи с экрана, вроде Dogz из 90-х:
Единственный реальный предел — это… вы сами.
Что дальше
Опять же, это ранний проект, но в основном это проект, управляемый участниками. Я буду продолжать фокусироваться на инструментах для создания таких вещей (включая то, что сделает их кроссплатформенными), так что от всех вас зависит, сможете ли вы воплотить это в реальность. Например, он, вероятно, действительно мог бы использовать глобальное сочетание клавиш для переключения скрытия или интерактивности.
Если у вас есть вопросы, я слежу за обсуждениями на GitHub, так что не стесняйтесь писать там. В противном случае получайте удовольствие и подумайте о том, чтобы спонсировать мою работу!
Первоначально опубликовано на https://dev.to 30 марта 2021 г.
