Виджеты Экспресс-панели
-
@aminought said in Виджеты Экспресс-панели:
А чем это мешает?
Ну... так-то ничего критичного, но мне как-то по своим ощущениям это мелькание не по душе. Особенно если выдирать что-то из "тяжёлых" страниц, то процесс не моментальный.
После того, как я решил попробовать виджеты поставить на всех экспресс-панелях, понял, что это будет раздражать. На отдельной специально отведённой - ладно, пусть мелькают, не мешает. -
Я там посмотрел код на 204 строке --- нет, загнать все туда не смогу.
Значит, вставляем через custom-style.
Так и удобнее, естественно.Сначала делал через transition: -- то ли конфликт, то ли што, не работает именно timing. И не работает возврат.
Мне кажется, есть конфликты , 2 transition плохо переваривают друг друга . Или наоборот, должны хорошо ?
Заметно, что пока не закончится transition: из скрипта, transition: из стиля срывается, все дергается. И видны тысячи срабатываний в секунду, сразу от 0 до 100% . Значит, конфликт. Все как у людей.Тогда чуть длиннее.
.Widget { animation: a_Rotate_back 3s ease-out 1 both } .Widget:hover { animation: shad-in .5s forwards, a_Rotate 2s ease-out 1 both } @keyframes a_Rotate { to { transform: perspective(500px) rotateX(10deg) rotateY(20deg); } } @keyframes a_Rotate_back { to { transform: perspective(500px) rotateX(0deg) rotateY(0deg); } } @keyframes shad-in { 25% {box-shadow: 0 0 40px red } 50% {box-shadow: 0 0 35px red } 75% {box-shadow: 0 0 20px red } to {box-shadow: 0 0 10px red } }
(куда же без красных теней ?)
Здесь хотя бы половина хорошо работает.
конечно, сначала я вставил опасные 360deg (этот CSS может принять 360deg за 0deg). Но это уже слишком, хотя никто не запрещает.
Но здесь тоже не работает возврат !
@aminought , что ему надо, где обратка ? Который без скриптов решается вообще одной цифрой -- 1s и возврат готов.Это новые разработки -- графический офтоп из этой темы Экспресс-Панель: Animation
(Эта красота из соседней темы не специальная. Я не знаю, как решить позиционирование в flex —анимация принудительно собирает всех к квадрату №1. Кто знает правильный класс, жду там. А мне и так нормально) -
@sphera Без понятия, я таким не занимался и пока не собираюсь. В контексте этого мода точно.
-
@aminought странно. Простой пример Особенно , что половина кода работает. По образцу не получается. :hover -- работает.
Я посмотрел , у тебя в скрипте на 204 строке примерно тоже самое.
-
@sedative29rus Постараюсь что-нибудь придумать, но пока сомневаюсь, что смогу. Проблема в том, что при переходе с одной Экспресс-панели на другую и при переходе на другую вкладку Vivaldi просто удаляет все элементы стартовой страницы и пишет их заново. А так как при наличии плиток хочется расположить виджеты под ними, то приходится размещать их в контейнере, предназначенном для плиток. Разве что с помощью
js
считать пиксели, но, опять же, нужна прокрутка, если виджетов много, а значит расположение должно быть относительным.Сами
<webview>
-элементы я создаю при старте браузера, но загрузка страниц происходит каждый раз, когда<webview>
встраивается вDOM
, и я не уверен, что этим можно управлять. -
This post is deleted! -
обновление виджетов : Виджет -- это окошко в другой сайт, он обязан обновляться. Есть курсы валют -- обновляются раз в 15 сек, или чаще. Т.е. отсутствие лишнего кода -- это и есть обновление в при каждом открытии ЭП. Почему первый запуск ЭП и виджетов на ней должен отличаться от второго ?
Наоборот, это известная проблема "Как отключить кеш" . Обсуждается часто. И чем быстрее интернет, тем меньше необходимость в кеше.У меня уже лет 5 --disk-cache-dir=nul --disk-cache-size=1 , понятно, что отключение обновления, да еще ценой доп. кода ????, я против
-
@sphera
При чём тут -disk-cache-dir=nul? Речь не об этом.
Даже если не закрывать экспресс-панель с виджетами, а просто переключиться на другую вкладку и обратно, то виджеты обновляются.@sphera said in Виджеты Экспресс-панели:
это окошко в другой сайт, он обязан обновляться
Вы смотрите видео в одной вкладке, переключились на этот форум, написали очередную... так скажем мысль, переключились обратно на видео, а там страница обновилась. Если для вас это нормальное поведение, поздравляю.
-
@sedative29rus я видел, как работают виджеты , спасибо, комменты не нужны. Лично меня устраивает именно так.
За просмотр видео отвечает Ютуб, он сам запоминет прогресс в вашем логине или IP . И если не мешать Ютуб работать, то видео будет играть так, как задумал сам Ютуб. -
@sphera А при чём тут Ютуб?
-
@aminought у мня впечатление от последних дней, что ты открыл не тему на форуме , а Ящик Пандоры , не меньше :).
И все эти списки [New] от самих авторов -- бледное подобие серьезных улучшений.
Никогда еще не было так легко подключать чужие сайты.Сделай уже просто Copy-Past этим юзерам -- иконку перетащил и готово. А то им все сложно --надо латиницу учить, классы заканчивать, и потом их искать .
id: 'VentuskyWidget', url: 'https://www.ventusky.com/?p=53.69;28.61;7&l=feel&t=20240227/2100', selector: 'body', zoomFactor: .75, width: '450px', height: '388px', timeout: 1000
Самый известный в мире сайт погоды -- Ventusky.com , строго для лыжников.
Я первый ! кто догадался не искать класс Тем более, его здесь и нет.
Здесь даже zoomfucktor не нужен -- в адресе есть координаты. Значит, подойдут карты Яндекса и Google , и все остальные.
Ладно, Zoom оставляем -- для кнопок -
@aminought ты как то говорил. то собираешься делать ИСКЛЮЧЕНИЕ селекторов
Вот тут бы не помешало исключить<form id="header"> (form#header) -- странный выбор названия.
все уже найдено.
Тем более, она там position: absolute; -- места не занимает. -
@sedative29rus вопрос с обновлением закрывается , т.к. виджеты не только обновляются, они еще и уезжают вниз А там уже не до обновления.
Вместе обновлением ЭП, а это уже зона ответственности Vivaldi .
Вы можете их обвинять в безответственности, только не на этом форумеКстати, Вы можете подавать заявку на вступление в банду Vivaldi -- тоже тестируете любимый браузер на чистом, а не рабочем профиле. А потом удивляетесь, что в браузере работать невозможно. Так вот на рабочем профиле виджеты далеко внизу , их еще найти надо. Они успевают обновится и без обрезки кода.
Команда тоже удивляется -- браузер открывается? Да . Закрывается? Да. А что вам еще надо ? Какие-то тысячи закладок, сотни плиток не шоколадных. Это все лишнее. -
@sphera said in Виджеты Экспресс-панели:
на чистом, а не рабочем профиле
Как обычно, мимо кассы, лишь бы что сморозить. Зачем мне что-то тестировать на чистом профиле, если я давно установил виджеты в рабочий браузер? И нет, они ни в какой низ не уезжают и ничего искать не надо - всё перед глазами. У меня нет ни на одной экспресс-панели столько плиток, чтобы появился скролл.
-
@sphera said in Виджеты Экспресс-панели:
у мня впечатление от последних дней, что ты открыл не тему на форуме , а Ящик Пандоры , не меньше
У меня теперь тоже такое ощущение...
-
UPD 2024-02-29:
- Подготовил почву для планирующихся в дальнейшем улучшений: вынес весь CSS в константу
STYLE
, для заголовка теперь используется свой контейнер вместоpadding
. - Добавил в заголовок кнопку для обновления отдельного виджета.
- Обновил описание.
- Подготовил почву для планирующихся в дальнейшем улучшений: вынес весь CSS в константу
-
Пока ждем обновления от коллеги @aminought
VIDEO:
Я уже получал претензии от местных спецов, что они не могут разобраться в сложностях моих постов.
Форум Vivaldi не умеет воспроизводить видео (хотя есть форумы из 2000-х годов, где видео вставляется Copy-Past, даже без тегов)
Это не video, это .GIF на 60 МБ. Video снизу.Подключаем популярный тег <canvas>, следующий после <body>.
{ id: 'GlassWidget', url: 'https://tympanus.net/Tutorials/GlassEffect/', selector: 'canvas', zoomFactor: 1, width: '450px', height: '388px', timeout: 1000 }
Я не знаю, почему у кодеров к нему такая любовь . Но самые жестокие вещи пишутся в <canvas>
-
UPD 2024-03-09:
- Виджеты теперь можно добавлять, изменять и удалять прямо в браузере.
- Размер виджетов теперь можно менять мышкой.
По традиции, демонстрация:
Сорри за такую долгую задержку после последнего обновления, но изменения после предыдущей версии просто колоссальные по меркам этого мода. Немного важных подробностей:
- Если хотите, чтобы ваши текущие виджеты сохранились, можете скопипастить из widgets.js всё, кроме массива
WIDGETS
. Если вы перезапустили браузер и увидели, что виджеты подгрузились, можно смело подменять файл полностью, потому что виджеты сохраняются в базу данных браузера, которая не слетает даже после обновлений. То есть, сам мод, конечно, слетит, но виджеты останутся в вашем профиле, поэтому после включения мода виджеты будут восстановлены автоматически. - В последний момент добавил кнопки "Copy" и "Paste", чтобы можно было легко обмениваться виджетами. Чтобы виджет можно было вставить, в буфере обмена должен лежать валидный
json
или кусокjavascript
-кода с виджетом. То есть, будут работать примерно такие варианты:
{ "id": "VivaldiProfileWidget", "url": "https://forum.vivaldi.net/user/aminought", "zoomFactor": "0.8", "selector": ".profile.row", "width": "292px", "height": "266px", "timeout": "0" }
{ id: 'VivaldiProfileWidget', url: 'https://forum.vivaldi.net/user/aminought', selector: '.profile.row', zoomFactor: 0.8, width: '292px', height: '266px', timeout: 0 }
- Не забываем прожимать кнопку "Save" после изменений! По-хорошему, тут нужно как-то уведомлять о несохраненных изменениях, но торопился с этим обновлением, поэтому как-нибудь позже.
- При добавлении нового виджета по умолчанию добавляется виджет с релизами Vivaldi, и в нем уже можно поменять параметры на те, которые вам нужны: веб-адрес, селектор и т.д.
P.S. Код мода уже перевалил за 1 тысячу строк
-
-
@sedative29rus Как будто это что-то плохое)