Vivaldi Browser 7.0.3495.14 + Portable

С выходом этой DashBoard  открывается огромное поле скрипТов. Сайтов с готовыми ацкими визуальными скриптами море. Практически без знания HTML , следуя инструкции, вы сами можете засунуть на бесплатный хостинг любой скрипт, и украшать свои Панели Виджетов. 

Сделаю подарок MLOADS.  С выходом DashBoard .... 

С выходом "Панели виджетов" появилась возможность использовать не только чужие, но и свои сайты, страницы, свой код.

У меня есть чистый чужой плеер, освобожденный от всякого обвеса. Ни одного лишнего символа + пару строк анимации.

(на фото "задний" полупериод, кнопки не активны)

Добавить Виджет -- Веб-Страница -- Music  (взять ссылку)
Вот так должен выглядеть виджет, а не дешевые цифры с погодой. 
Кнопки активны только в "ближний" полупериод (надо еще разобраться, почему так. )

Это <iframe> с сайта А. Климковского. У него полсотни альбомов. Залезете к нему, поменяете 1 строку, получите другой альбом. 

-----------------

Если кто еще видел простой красивый визуал , пишите. Отрихтуем под свои задачи.

Одмин, если это твой скрин, то жаль твои глаза. С такой работой реально скоро очки оденешь. 

И виноват будет в этом браузер Вивальди 6.х

Могу написать, про баг, которому уже полгАда.

Видите это бледный серый ? Так выглядит смерть принтера в Vivaldi . Т.е. все , кроме голых баб, на Вивальди юзать невозможно. 

И русскоязычный "разраб" Шпан о нем прекрасно осведомлен. Но молчит в тряпочку. 

И ладно бы это была нерешаемая проблема Хромиум 130 . Нет. ВСЕ !!! Браузеры на Cr128+ это решили, кроме Вивальди. 

Говорят, что-то по дизайну новое. What's new, как всегда, напишет serega)

серьезное обновление проги , начиная с 6.10.3483.4 (Официальная сборка) (64 бита)  -- новая хрень DashBoard , немного скруглили углы border-radius: 10px  

в DashBoard появились  вроде виджетов . Там даже можно внутри ExpressPanel  сделать виджет на  ... ExpressPanel  :) .

Можно сделать виджет на простой сайт с простой грамотной  разметкой (лендинги хорошо подходят) ,и сайт подстраивается по ширине виджета, в мобильную версию. Удобно, можно покрутить свои популярные сайты, не заходя на них. Хотя тоже самое можно было сделать в Боковой панели.

У них на форуме был чел, который сделал такой виджет. Поддержки не нашел, там много тупарей на форуме сидят, общаться ему не с кем. Ушел на FF. А разрабы свой форум не читают, им похер на все.  У них лежит шикарная вещь, нитко ее не замечает. Зато там модеров, амбасодоров -- сотни, реально. Осбоенно много тех, кто  CSS  от КПСС не отличает, но чистить форум могут.

Cr130  -- на сайте хроники самого Хромиум  есть график за несколько лет -- с каждой версией Хромиума растет скорость. По тестам Хромиум вырос в 2 раза. Вполне может быть. 

Если есть стрелка, значит, не все так просто. 

Это край виждета который с новой версией автора имеет внешние стили , и подлежит стилизации. На стрелке просто его край без стилей. Если есть край, значит  ему можно сделать  border-...: , можно применить animation: ,  transition:  и все что помните из CSS . 

Это опять виджет, опять он работает на Экспресс-Панели  в  твоем Vivaldi , а не на чужом сайте .   

Да, здесь это просто картинка -- Одмин из вредности не позволяет легкие .GIF    .mp4(music) на 60 МБ  . Детский размер.

Смотрите на форуме программы

недавно произошло ярчачайшее событие в мире брауХеростроения, прямо как вспышка сверхновой. И сделано это не разрабами, а одним мелким  юзером  - возможность создать свой виджет части любого сайта и подключить его в свой Vivaldi

По принципу действия схоже с простым  старым древним тегом <iframe> , который придуман 100 лет назад и постепенно забывался, исключался из ранжирования поисковиками. 

И тут прямо гром среди ясного неба  -- возвращение  <iframe> !!! 

Шучу, возврат не <iframe> , появился widget.js работающий по тому же принципу.

GIF

Смотрите на форуме программы

на офф. форуме есть чудо-код. Чуть сложнее: ссылка.

Я уже не помню ,  к какому варианту относится чудо-код, вот разберитесь,  объясните мне проблему  с transform-origin:  , заодно CSS  подучите.

2. Здесь видна еще одна проблема стандартного CSS -- плитки вверх ногами, не потому что такой я дизайнер.

Если вы напишете  transform: rotate(360deg); -- этот CSS повернет квадрат на сколько градусов ? Правильно, на 0.

Если вы напишете  transform: rotate(350deg) -- он сделает почти полный оборот ? Правильно, он повернет назад на минус 10deg. Экономит топливо в электростанциях. Половина интернета завалена этими вопросами "как повернуть на полный оборот ?"

Стандартный какой-то обрезанный CSS поворачивает максимально на 180deg .

В это Rotate даже есть специальные единицы turn -- полный оборот . Прекрасно подходят цифры  10turn , но результата вы не дождетесь . Только его дробные единицы, кратные нечетным 0.5turn

Почему так тупо, я не знаю.

Готов поучаствовать здесь в научной дискуссии.

вот мои тренировки  в CSS: ссылка.

Было простое желание -- добавить простое вращение плиткам Express-Panel. Эта чертовая Express-Panel написан на FLEX , можно было еще  GRID , но это еще большая экзотика. 

Я не знаю, почему так странно работает это {transform: rotate() } , но оно плохо переваривает этот FLEX

Rotate  работает, но его центр смещается куда хочет. И назад никак. 

Но смотрите, какая красота ! У меня так и стоит. Вполне юзабельный вариант..

Никакой другой браузер,  без серьезного вмешательства, это не сможет повторить.

ну как я могу не отметиться теме в Vivaldi , где меня блокировали на 2 форумах, и , замечу, только за ПРАВДУ !

1. Правда в том, что разрабы создали свой форум и его НЕ ЧИТАЮТ. Мгновенно читаются баг-репорты только ради одного -- закрыть как дубли (еще бы не быть дублям, если проблемы не  решаются  годами) либо положить в долгий ящик. Только эти 2 варианта. Ну иногда там что-то срочное доходит. Я лично показал проблемы с боковой панелью, меня заблокировали , но проблему срочно решили. Все как всегда. 

Но есть проблемы , когда опция сделана на 99% , но 1% все и портит, как ложка дегтя. Эта ложка и будет плавать в браузере годами. 

2. Долгий ящик начинается от 3 лет и дольше. Есть нерешенные предложения на форуме и 5 лет,  и 8 лет.  Представитель постоянно тусуется на разных форумах с вопросом "Какие у вас вопросы ?". Долго обсуждаем, днями и неделями, получаем заверения в профессиональном быстром решении проблемы, и все обсуждающие получают закономерный срок от 3 лет и дольше. Все как и вне интернет-зоны  :)

3. Так как  VIVALDI является оболочкой на кодом Chromium , то надо обсуждать его код оболочки. И не предъявлять серьезных претензий именно к внутреннему коду , только к внешнему.

Но все-таки я признаю, что VIVALDI имеет ВЫСШУЮ степень настройки интерфейса из известных мне  браузеров. Скорее всего, он в этом недостижим любыми другими браузерами, т.к. мне не известны браузеры с интерфейсом на HTML , CSS, JS . Кто знает еще примеры -- расскажите.

Если есть опыт в обращения с этими языками, можете поковыряться к коде VIVALDI, и что-то настроить для себя.