Porady Vivaldi


  • Moderator

    W tym wątku zamieszczane będą porady oraz instrukcje dotyczące różnych funkcji przeglądarki Vivaldi.


    Panele w przeglądarce Vivaldi

    Tworzenie paneli na przykładzie Netflixa

    Oglądaj filmy i seriale w panelu, jednocześnie buszuj po sieci - i to w jednym oknie:

    1. Zaloguj się na netflix.com

    2. Aktywuj panele, wciskając F4 albo kliknij na ikonę w lewym dolnym rogu przeglądarki (ctrl+shift+S żeby pokazać pasek stanu)

    3. Złap za ikonę kłódki (lub za kartę), przeciągnij ją nad + i upuść.

    4. Kliknij PPM na utworzony panel - czerwoną literę N

    5. Tam zaznacz:
    • Pokaż wersję desktopową (koniecznie)
    • Indywidualna szerokość
    • Pasek narzędzi -> wyświetlaj wszystkie przyciski nawigacji (to pozwoli na łatwe przechodzenie wstecz i do głównej strony przy zainstalowanym rozszerzeniu Super Netflix, które działa także w panelu)

    6. Przeglądaj internet podczas seansu. Odpowiednią szerokość panelu wyregulujesz przesuwając krawędź panelu.


    W ten sposób możesz stworzyć dowolny panel -> społecznościowy, informacyjny, dodać słownik i to, co potrzebujesz mieć pod ręką.


  • Moderator

    Podstawowa organizacja i korzystanie z paska zakładek


    Domyślny skrót paska zakładek to Ctrl+Shift+B

    1. Wejdź na vivaldi://bookmarks Możesz też użyć preferowanego gestu albo skrótu, bądź też skorzystać z V-menu w lewym górnym rogu ekranu (Widok)

    2. Tam kliknij interesującą pozycję. Po prawej stronie ekranu pojawia się nazwa, miniatura, opis, skrót itd. Elementy te można skonfigurować, jak nam się podoba.

    3. Pod tym są dwa pola z możliwością zaznaczenia:
      Szybkie wybieranie (czyli czy folder ma być widoczny na szybkim wybieraniu) oraz Pasek zakładek ( czyli czy folder ma być też widoczny na pasku zakładek).

    4. Jak umieścić na pasku zakładek pojedyncze strony / całe foldery?
      Najlepiej jest złapać za zakładkę z menadżera zakładek albo za kartę z paska kart i przeciągnąć na pasek zakładek, upuszczając.

    5. Na pasku zakładek można przesuwać poszczególne elementy klikając na nie, łapiąc i przesuwając.

    6. Kliknięcie na folder na pasku zakładek rozwija go.

    7. Ikona >> (dwóch grot strzał) przechowuje inne skróty z paska zakładek.



  • Skrypty Pythonowe do Vivaldiego


    Zastrzeżenia

    ⚠️ Zamieszczony tutaj kod uruchamiasz na własną odpowiedzialność! ⚠
    Autor nie bierze odpowiedzialności za ewentualną utratę danych, bądź uszkodzenia, czy też inne skutki uboczne ☠️.

    Zanim cokolwiek uruchomisz, zrób kopię zapasową danych!
    Jeśli chcesz eksperymentować, polecam wykonać niezależną instalację przeglądarki jako "standalone" gdzieś na boku.

    Wymagania

    Eksport treści wszystkich notatek do pliku tekstowego

    import json
    
    notes_path = "C:/Users/xxx/AppData/Local/Vivaldi/User Data/Default/Notes"
    output_path = "C:/Users/xxx/Desktop/Notes.txt"
    
    class Note:
        def __init__(self, id, subject, content, type, url):
            self.id = id
            self.subject = subject
            self.content = content
            self.type = type
            self.url = url
    
    flattened_notes = {}
    
    def load(node, path):
        for item in node['children']:
            if item['type'] == 'note':
                process_note(item, path)
                
            elif item['type'] == 'folder' or item['type'] == 'other' or item['type'] == 'trash':
                load(item, path + item['id'] + '\\')
    
    def process_note(note, path):
        flattened_notes[note['id']] = Note(note['id'], note['subject'], note['content'], note['type'], note['url'])
    
    with open(notes_path, mode='r', encoding="utf8") as file:
        notes = json.load(file)
    
    load(notes, '')
    print('Loaded notes: ' + str(len(flattened_notes.keys())))
    
    with open(output_path, mode='w', encoding="utf8") as file:
        for key, item in flattened_notes.items():
            file.write('Subject: ' + item.subject + '\n')
            file.write('URL: ' + item.url + '\n')
            file.write(item.content + '\n')
            file.write('\n')
    

  • Moderator

    Sugestie wyszukiwania Google


    1. Ustawienia > Wyszukiwanie
    2. Kliknij na wyszukiwarkę Google
    3. Po prawej stronie w pole Adres URL Sugestii wklej:
      https://www.google.com/complete/search?client=chrome&q=%s&hl=pl
    4. Zapisz zmiany.

    1. Powyżej znajdują się też ustawienia wyszukiwania oraz sugestii wyszukiwania. Możesz je skonfigurować według uznania.


  • M⬇ - ciekawe możliwości Markdowna w Notatkach


    Ostatnio na blogu pojawił się wpis dotyczący podstaw Markdowna.
    Przeklejam tutaj jeszcze parę ciekawych smaczków, żeby nie zginęły 😉
    Opisane poniżej "ficzery" działają w Panelu Notatek.

    Wyrównanie tekstu

    Kod:

    <div align="right">Wyrównanie do prawej</div>
    <div align="center">Wyśrodkowanie</div>
    

    Wynik:
    0_1542624439287_82ce78b4-786e-41bd-a74d-a9113ccfe72c-image.png

    Znak "`" w kodzie "inline"

    Jak wyświetlić sam znak ` w bloku ``:

    `` ` ``
    

    Jak wyświetlić same 2 znaki ` w bloku ``:

    ``` `` ```
    

    Bloki kodu

    Kod:

    ```
    10 PRINT "Home"
    20 PRINT "Sweet"
    30 GOTO 10
    ```
    

    Wynik:
    0_1542623121729_ea2e20cc-8e23-44f1-9ea0-b98368f89aff-image.png

    Ciekawostki:

    • Jak "opakować" blok kodu w Markdownie, by wyświetlił się w postaci "źródłowej"? (tak, jak powyżej). Trzeba go "opakować" w kolejny blok składający z ```` zamiast ```:

      ````
      ```
      10 PRINT "Home"
      20 PRINT "Sweet"
      30 GOTO 10
      ```
      ````
      

      Chcąc "opakować" blok z ```` trzeba... "opakować" go blokiem ````` 😛 Itd.

    • Istnieje możliwość włączenia kolorowania składni dla niektórych języków 😃
      Kod bez deklaracji języka:

      ```
      function fancyAlert(arg) {
        if(arg) {
          $.facebox({div:'#foo'})
        }
      }
      ```
      

      Wynik:
      0_1542621727721_0f172169-16ee-43c4-9bb2-c4cbfce2c611-image.png

      Kod z deklaracją języka:

      ```javascript
      function fancyAlert(arg) {
        if(arg) {
          $.facebox({div:'#foo'})
        }
      }
      ```
      

      Wynik:
      0_1542621689010_ce7522eb-bf4d-42db-bcaf-7452922bb841-image.png

    Poziome linie

    Kod:

    ---
    

    Wynik:
    0_1542622297562_02e7c90b-08f0-4930-a518-cab7af93fad9-image.png

    Rozwijane sekcje

    Kod:

    <details>
    <summary>Kliknij, aby rozwinąć</summary>
    ✨ Ukryty tekst ✨
    </details>
    

    Wynik:
    0_1542622599887_81d1aa6f-9cc2-4614-8c9b-2b5d41989907-image.png
    ...
    0_1542622638713_95afdba6-1e63-46b6-b0f1-8cb86d4023bf-image.png

    Checkboxy

    Kod:

    - [ ] Brak zaznaczenia
    - [x] Zaznaczenie
    

    Wynik:
    0_1542625693906_41cc09f7-8d1e-4c36-a07e-64c4a5a401ab-image.png

    Listy zagnieżdżone

    Kod:

    - Poziom 1
        - Poziom 2
            - Poziom 3
    

    Wynik:
    0_1542625591026_9a33c9f7-7200-4a68-8424-94778abf1b16-image.png

    Tabelki

    Kod w wersji mniej czytelnej:

    Podstawowa | Tabelka
    --- | ---
    Wartość 1 | Wartość 2
    

    Kod w wersji bardziej czytelnej:

    | Podstawowa | Tabelka |
    | --- | --- |
    | Wartość 1 | Wartość 2 |
    

    Wynik:
    0_1542624748658_770c0926-38c9-4692-a9f3-bd6963c20fc6-image.png

    Ciekawostki:

    • W kolumnach tabel można zmienić wyrównanie tekstu:

      | Kolumna z wyrównaniem do lewej | Kolumna z wyrównaniem do środka | Kolumna z wyrównaniem do prawej |
      | :--- | :---: | ---: |
      | Wartość 1 | Wartość 2 | Wartość 3 |
      

      Wynik:
      0_1542624617027_4c43a19f-2e1e-47df-8456-821ec8cc811a-image.png

    • Edytor tabelek dla leniwych

    • ⚠️ Domyślne wyrównanie przesuwa wartości do lewej strony, ale centruje nagłówek!

    • ⚠️ Tabelki zagnieżdżone w listach wymagają innej ilości wcięć!


  • Moderator

    Ctrl+klik w dowolną część URL w polu adresu przenosi na kliknięty poziom (zagłębienia) strony

    -> Czyli zamiast zaznaczać wybraną część adresu, kasować ją i wciskać enter, aby przejść do wybranego poziomu strony, możemy cały proces przyspieszyć i skrócić jednym kliknięciem.

    -> Przykład:
    vivaldi.com/pl/blog/survey-tabs-in-vivaldi/
    Ctrl+klik po słowie blog, przeniesie na ogólną stronę blogów.
    Ctrl+klik przed słowem blog, przeniesie na polską stronę główną Vivaldi.


  • Moderator

    Znaczniki Markdown można używać panelu notatek:

    0_1542922080650_Markdown-cheat-sheet-grey-01-01.png
    • To naturalny i intuicyjny sposób formatowania tekstu
    Twórz nagłówki, listy wypunktowane, pogrubiaj wybrane fragmenty
    Porządkuj notatki, twórz wiadomości e-mail i listy “do zrobienia”, kiedy surfujesz w sieci
    • W notatkach jest przycisk przełączający między trybem edycji a trybem Markdown
    • Zwiększ produktywność. Naucz się Markdown w 10 min. -> http://commonmark.org/help/


  • Moderator

    Ogarnij bałagan na ekranie z Vivaldi 🙂

    ➡http://bit.ly/OgarnijBałagan


  • Moderator

    Wygląd ➡bit.ly/WystrojoneV 🦋

    Mysz ➡bit.ly/GestyVivaldi 🐭

    Mgła ➡bit.ly/AkcjeVivaldi 🌫

    Bałagan ➡bit.ly/OgarnijBałagan 🌪

    Karty ➡bit.ly/ZachowanieKart 👀

    Film w tle ➡bit.ly/Vivaldiowo 🎥

    Oda ➡bit.ly/VivaldiODA ⚡


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.