[{"categories":["Tech","Productivity"],"collections":null,"content":"How a browser I never gave a cent about became my main one","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/"},{"categories":["Tech","Productivity"],"collections":null,"content":"First things First What this post isn\u0026rsquo;t A deep tutorial about Vivaldi features. A paid Ad. The best way to use Vivaldi ever. What this post is about: How I use it for my workflow. The configs and keybindings that make sense for me. A way for you see if this browser make sense for you. ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:1:0","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#first-things-first"},{"categories":["Tech","Productivity"],"collections":null,"content":"Why Vivaldi? Three main points! I was after the browser that runs on less RAM usage possible, and it\u0026rsquo;s a problem because most of the time the sites are part of the problem too, as web developers have a tendency to not care about resources usage use too much resources to create their sites. Vertical tabs and Workspaces It\u0026rsquo;s way better than having the tabs at top consuming vertical space, of having all the things I need ready to. Customizable! In special keybindings, I\u0026rsquo;m what people call a power-user, the never touch the mouse, Nvim+Tmux no life configs hacker. ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:0","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#why-vivaldi"},{"categories":["Tech","Productivity"],"collections":null,"content":"Hibernation Vivaldi has a feature where it \u0026lsquo;hibernate\u0026rsquo; the tabs after sometime, but as it allows to customize this, I use a shortcut CMD+Shift+W to unload all the other Tabs from memory manually, and other one to unload from the other workspaces too, this way I can free memory on demand and stop unnecessary swap on the SSD ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:1","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#hibernation"},{"categories":["Tech","Productivity"],"collections":null,"content":"Vertical Tabs + Workspaces How long it took to people notice that we don\u0026rsquo;t need the tabs taking our vertical space? It make the organization so much easier for power-users that most of the time have +10 tabs opened. And even better being used together with the workspaces separating my stuff by context, I have the sites that I opened but hibernated on each workspace. So if I\u0026rsquo;m studying/working I\u0026rsquo;m not looking at unrelated stuff and at least for me it work as a guardrail to enforce good discipline habits. I like the toggle behavior for any kind of panel/window or similar where the same keybinding open and close it. ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:2","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#vertical-tabs--workspaces"},{"categories":["Tech","Productivity"],"collections":null,"content":"Keybindings For me it\u0026rsquo;s a instant deal break if I can\u0026rsquo;t define my custom keybindings, in special to free real state and navigation. Bellow are some that I use to keep things clean, as you can see it\u0026rsquo;s possible to hide even the URL bar. Bellow is like I use the browser normally, with an eventual AI panel being open as I\u0026rsquo;m using it more than I use Google search these days. Shortcuts I use daily, some are custom Command Shortcut Close Tab ⌘W Find in Page ⌘F Focus Address Bar ⌘L Copy URL ⌥⌘C New Private Window ⇧⌘N New Tab ⌘T Page Refresh ⌘R Page Reload (No Cache) ⇧⌘R Pin Tab ⌥⌘P Reopen Closed Tab ⇧⌘T Tab Move Backward ⇧⌘↑ Tab Move Forward ⇧⌘↓ Toggle Panel ⇧⌘P Toggle Developer Tools ⌥⌘I Toggle Claude Panel ⌘G Toggle Address Bar ⇧⌘X Toggle Footer ⌘/ Toggle Force Dark Mode ⇧⌘D Toggle Panel ⇧⌘P Toggle Tab Bar ⇧⌘C Toggle UI Autohide ⇧⌘/ Workspace Switch 1-9 ⌥⌘1 to ⌥⌘9 Workspace Switch Back ⌥⌘← Workspace Switch Forward ⌥⌘→ Settings ⌘, ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:3","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#keybindings"},{"categories":["Tech","Productivity"],"collections":null,"content":"Split View I only use the vertical split, but I let the horizontal one configured too, and third one to reset both to the normal. Command Shortcut Split vertical Shift+Opt+\\ Split horizontal Shift+Opt+- Split reset Shift+Opt+= The CSS part ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:4","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#split-view"},{"categories":["Tech","Productivity"],"collections":null,"content":"Custom CSS This is totally unnecessary and fruit of having too much time and Anthropic Pro plan, so why not use Claude Code to make some custom CSS for me? If you just installed Vivaldi maybe you found it\u0026rsquo;s not exactly the most beautiful browser among the competition, in special if you\u0026rsquo;re a Arc, Zen, Dia user. The last browser I was using was Zen, and it\u0026rsquo;s beautiful! Just a little too resources hungry at the moment, in special the rounded style and vertical tabs appearance, so why not ask my slave Claude to give it a try to beautify Vivaldi as well. Nothing to write home about, but some sincere cherry in the cake. /* Make the central canvas corners rounded */ #webview-container { margin: 4px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(128, 128, 128, 0.15); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } /* Round the corners of the vertical tab bar */ #tabs-container.left { margin: -2px 0 4px 4px; /* Matches your 4px webview margin */ padding: 20px 0 0 0; /* This is in order for the workspace name don\u0026#39;t stay under the semaphore */ border-radius: 14px; overflow: hidden; border: 1px solid rgba(128, 128, 128, 0.15); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } /* Change the background of ONLY the active/focused tab */ .tab.active { background-color: #FF7518 !important; /* Replace with your color */ color: #000000 !important; /* This is the text color */ font-weight: bold !important; } /* Change the background-color for all tabs without focus */ .tab { border: 1px solid rgba(128, 128, 128, 0.15); color: #D3D3D3 !important; } /* Change background-color for pinned tabs */ .is-pinned .tab { border: 1px; color: #F5F5F5 !important; } /* Remove the titlebar of the browser as hidden the url keeps the header name */ #header, #titlebar { display: none !important; }The result is the bellow, and well\u0026hellip; I just noticed that my minimalist changes don\u0026rsquo;t appear this good on this image, it doesn\u0026rsquo;t look as good as it\u0026rsquo;s on a real high res screen. That\u0026rsquo;s it If you liked what you saw here but aren\u0026rsquo;t sure to give it a try because I didn\u0026rsquo;t cited any specific need you have, give it a try, it\u0026rsquo;s highly probably it\u0026rsquo;ll have it. ","date":"2026-03-22","objectID":"/posts/why-i-switched-to-vivaldi/:2:5","tags":["browser","productivity","shortcuts"],"title":"Indeed Vivaldi","uri":"/posts/why-i-switched-to-vivaldi/#custom-css"},{"categories":["Tech"],"collections":null,"content":"A visual test of all rendering elements available in Casa do Gaspar.","date":"2026-03-17","objectID":"/posts/test-render/","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/"},{"categories":["Tech"],"collections":null,"content":"Introduction I\u0026rsquo;m a very pragmatic person and so I found that that\u0026rsquo;s the best place to keep my Cheat Sheet for markdowns. This is a paragraph of regular text. It can contain bold, italic, strikethrough, and inline code. You can also add links like this. ","date":"2026-03-17","objectID":"/posts/test-render/:1:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#introduction"},{"categories":["Tech"],"collections":null,"content":"Code Blocks Here\u0026rsquo;s some Python: def greet(name: str) -\u0026gt; str: return f\u0026#34;Hello, {name}!\u0026#34; print(greet(\u0026#34;Gaspar\u0026#34;))And some bash: git push origin main hugo server -D ","date":"2026-03-17","objectID":"/posts/test-render/:2:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#code-blocks"},{"categories":["Tech"],"collections":null,"content":"Blockquote The best way to get started is to quit talking and begin doing. — Walt Disney ","date":"2026-03-17","objectID":"/posts/test-render/:3:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#blockquote"},{"categories":["Tech"],"collections":null,"content":"Lists Unordered: Item one Item two Nested item Another nested item Item three Ordered: First step Second step Third step ","date":"2026-03-17","objectID":"/posts/test-render/:4:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#lists"},{"categories":["Tech"],"collections":null,"content":"Table Tool Purpose Free Hugo Static site generator ✅ FixIt Theme ✅ Cloudflare Pages Hosting ✅ GitHub Source control ✅ ","date":"2026-03-17","objectID":"/posts/test-render/:5:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#table"},{"categories":["Tech"],"collections":null,"content":"Image ","date":"2026-03-17","objectID":"/posts/test-render/:6:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#image"},{"categories":["Tech"],"collections":null,"content":"Admonition Shortcodes Pro Tip This is a tip admonition. Great for highlighting useful information. Warning This is a warning. Use it to flag potential issues. Info This is an info box. Perfect for side notes. Pro Note This is a tip admonition. Great for highlighting useful information. Watch Danger This is a warning. Use it to flag potential issues. Success This is an info box. Perfect for side notes. Pro Question This is a tip admonition. Great for highlighting useful information. Quote This is a warning. Use it to flag potential issues. Bug This is an info box. Perfect for side notes. Example This is a tip admonition. Great for highlighting useful information. Abstract This is a warning. Use it to flag potential issues. Other options for admonitions: tip, warning, info, note, danger, success, question, quote, bug, example, abstract ","date":"2026-03-17","objectID":"/posts/test-render/:8:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#admonition-shortcodes"},{"categories":["Tech"],"collections":null,"content":"Mermaid Diagram graph LR A[Write Post] --\u003e B[Push to GitHub] B --\u003e C[Cloudflare Builds] C --\u003e D[Live on casadogaspar.pages.dev] graph LR A[Write Post] --\u003e B[Push to GitHub] B --\u003e C[Cloudflare Builds] C --\u003e D[Live on casadogaspar.pages.dev] graph LR A[Write Post] --\u003e B[Push to GitHub] B --\u003e C[Cloudflare Builds] C --\u003e D[Live on casadogaspar.pages.dev] graph LR A[Write Post] --\u003e B[Push to GitHub] B --\u003e C[Cloudflare Builds] C --\u003e D[Live on casadogaspar.pages.dev] ","date":"2026-03-17","objectID":"/posts/test-render/:9:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#mermaid-diagram"},{"categories":["Tech"],"collections":null,"content":"Conclusion I need to put more tricks specific for Hugo here as they are pretty powerful. 🚀 ","date":"2026-03-17","objectID":"/posts/test-render/:10:0","tags":["test","meta","tech"],"title":"Markdown cheat sheet","uri":"/posts/test-render/#conclusion"}]