Виджеты Экспресс-панели
-
Пытаюсь уменьшить порог вхождения, то есть всё должно работать сразу, без предварительной настройки. Сделал дефолтными следующие параметры:
START_PAGE_BUTTON
теперь по умолчаниюnull
, то есть виджеты будут отображаться во всех Экспресс-панелях. Если хотите, чтобы виджеты отображались в одной конкретной Экспресс-панели, нужно заполнить эту опцию ее названием.WIDGETS
теперь по умолчанию заполнен двумя стартовыми виджетами: моим профилеми последними релизами Vivaldi.
-
@aminought все отлично, и перетаскивание работает. НО ! Только справа налево (интересно, скрипт учитывает право-лево ? ). И только методом наложения, т.е на соседний виджет, а не рядом с ним (о чем и говорит курсор).
А то некоторые, не разобравшись в начале, начинают обвинять, что drag-n-drop не работает.
Нет ! Работает и слева-направо, но по более длинной траектории , т.е. через 1 виджет.
Наверное, это связано с нумерацией от левого верхнего угла. -
@sphera Перетаскивание работает просто: виджет встает перед тем элементом, на который его дропнешь.
-
@aminought да , точно. А то я уже придумал расчет координат в 3 проекциях.
-
@aminought есть возможность в будущем добавить в этот JS место для своего HTML , но с оформлением как всех виджетов ? Хотя бы теоретически ?
Но в этом HTML все равно будет <iframe> , т.к. что-то интересное обычно не состоит из одного текста. -
@sphera Твой виджет и сейчас можно добавить. Просто создай локально
html
-файл с кодом и добавь этот виджет, изменив путь до файла на свой:{ id: 'TradingWidget', url: 'file:///C:/Users/aminought/Documents/Vivaldi/trading.html', selector: 'iframe', zoomFactor: 1, width: '350px', height: '188px', timeout: 1000 }
-
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 , понятно, что отключение обновления, да еще ценой доп. кода ????, я против