Виджеты Экспресс-панели
-
id: 'MusicWidget', url: 'https://seregasmyfavoritesites.on.drv.tw/Site/Tihomir/music.html', selector: 'iframe', zoomFactor: 1, width: '450px', height: '388px', timeout: 1000
@aminought , благодарю за предоставленную возможность. Я горд тем, что сделал первый анимированный виджет !
Это просто <iframe> в чужой плеер.
Музыка в комплекте -
Фигово, конечно, что они начинают перезагружаться даже если экспресс-панель не закрывать, а просто переключиться на другую вкладку и обратно
-
@sphera Я сначала посмеялся, конечно, а потом понял, что там и на самой странице плеер крутится. В чем тогда прикол?
-
@sedative29rus Наверное, можно как-то полечить с абсолютным позиционированием, но не хотелось бы. А чем это мешает? Тем, что какой-нибудь плеер туда не впихнуть?
-
@aminought , зачем его лечить. Все работает именно так, как и задумано: 3 совмещенных анимации. Transform: rotateXYZ() -- ничего более.
-
@sphera Про "полечить" я @sedative29rus писал.
-
@aminought, <iframe> хорош тем , что можно не понимать, как он работает. Там ссылка ведет на какую-то repeat-картинку. Но автор дал этот код, и он работает. Как, мне не понятно. Получается, ссылка -- это одно. А ссылка в <iframe> уже более серьезно.
Можно со скрипом повторить такую же анимацию, но внешнюю и со всеми виджетами, включая этот. Для проверки вестибулярного.
-
@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 -- тоже тестируете любимый браузер на чистом, а не рабочем профиле. А потом удивляетесь, что в браузере работать невозможно. Так вот на рабочем профиле виджеты далеко внизу , их еще найти надо. Они успевают обновится и без обрезки кода.
Команда тоже удивляется -- браузер открывается? Да . Закрывается? Да. А что вам еще надо ? Какие-то тысячи закладок, сотни плиток не шоколадных. Это все лишнее.