You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
6.3 KiB
HTML
92 lines
6.3 KiB
HTML
1 year ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<title>(POST) My New Browser Setup</title>
|
||
|
|
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
|
||
|
|
<link rel='stylesheet' type='text/css' href="../style.css">
|
||
|
|
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<a href="../">
|
||
|
|
<div style="text-align:center"><img src="../images/sufyaan.webp"></div>
|
||
|
|
</a>
|
||
|
|
<hr/>
|
||
|
|
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../">Blog</a> > <a style="color:#bd93f9" href=".">My New Browser Setup</a></p>
|
||
|
|
<h1><i class="fa fa-firefox" aria-hidden="true"></i>My New Browser Setup</h1>
|
||
|
|
<p style="font-size:110%"><strong><i class="fa fa-calendar" aria-hidden="true"></i>17 March 2023</strong></p>
|
||
|
|
<p style="font-size:110%"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>2 min</strong>
|
||
|
|
<p>
|
||
|
|
<p style="font-size:110%"><i class="fa fa-arrow-right" aria-hidden="true"></i></strong><a style="color:#ff79c6" href="../blog/software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></p>
|
||
|
|
<p>I have a new browser setup on my desktop to increase my privacy and convenience. It is divided into two profiles that perform differently based on what I need to do in the moment.</p>
|
||
|
|
<h2><i class="fa fa-question-circle" aria-hidden="true"></i>What is it?</h2>
|
||
|
|
<p>I use Librewolf as my browser. It is a fork of Firefox that is enhanced for privacy without heavily impacting user experience. I divided it into two profiles:</p>
|
||
|
|
<ol>
|
||
|
|
<li>Accounts (instances in which I need to login)</li>
|
||
|
|
<li>Browsing (general website browsing)</li>
|
||
|
|
</ol>
|
||
|
|
<p>Let me walk through how each profile is setup.</p>
|
||
|
|
<h2><i class="fa fa-user" aria-hidden="true"></i>Profile Setup</h2>
|
||
|
|
<p>Firstly, let me talk about common settings between both profiles.</p>
|
||
|
|
<h3>Common In Both</h3>
|
||
|
|
<p>On both profiles, I have my settings to optimize my privacy. On Firefox-based browsers, it is very easy to use these settings because most of them have little impact on convenience. I use Brave Search as my search engine and will switch to my own SearX instance when I get a good server. In terms of extensions, I have the 'uBlock Origin' extension installed setup to block JavaScript and remote fonts by default. I have the default lists along with all the others unchecked by default apart from language lists. I block every single domain from Google, Facebook, Microsoft and other websites which are known for tracking. If a website breaks, I whitelist that website in particular.</p>
|
||
|
|
<h3>Accounts Profile</h3>
|
||
|
|
<p>My accounts profile is optimized to work well with day-to-day logins and important websites. I use this profile for all websites where I can login like Google or Microsoft.</p>
|
||
|
|
<p>I use the following extensions:</p>
|
||
|
|
<ol>
|
||
|
|
<li>
|
||
|
|
Cookie AutoDelete
|
||
|
|
<ul class="nested-list">
|
||
|
|
<li>Enabled with whitelisting to auto-delete cookies for websites which I open by accident.</li>
|
||
|
|
<li>Using extension instead of Librewolf's built-in setting because it currently does not work for me.</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
Containers
|
||
|
|
<ul class="nested-list">
|
||
|
|
<li>For multiple accounts</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
<h3>Browsing Profile</h3>
|
||
|
|
<p>My browsing profile runs in permanent private browsing mode so my cookies, cache and browsing history are automatically deleted when I close my browser. I use it for general web browsing like watching videos, viewing articles and more. I have most of the content I like in an RSS feed but this profile is useful for some websites which either do not have an RSS feed or I only need to use once.</p>
|
||
|
|
<p>For this profile, I use these extensions:</p>
|
||
|
|
<ol>
|
||
|
|
<li>
|
||
|
|
Dark Reader
|
||
|
|
<ul class="nested-list">
|
||
|
|
<li>'Invert Listed Only' mode turned on because most websites I use have dark mode turned on already.</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
LibRedirect
|
||
|
|
<ul class="nested-list">
|
||
|
|
<li>To redirect common websites to their free, libre and open-source frontends.</li>
|
||
|
|
<li>
|
||
|
|
Some examples are:
|
||
|
|
<ul class="nested-list">
|
||
|
|
<li>YouTube --> Invidious</li>
|
||
|
|
<li>Twitter --> Nitter</li>
|
||
|
|
<li>Reddit --> LibReddit</li>
|
||
|
|
<li>Medium --> Scribe</li>
|
||
|
|
<li>Wikipedia --> Wikiless</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>I highly recommend everyone to do the same because these frontends are lightweight and do not use JavaScript which makes them load swiftly.</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
|
||
|
|
<p>This setup has been serving me extremely well. I will continue using this setup and building on it if any specific need arises.
|
||
|
|
</p>
|
||
|
|
<div style="text-align:center;"><img src="../blog/images/ieshit.gif" style="width:81px;"><img src="../blog/images/iestop.gif" style="width:81px;"><img src="../blog/images/iesucks.gif" style="width:81px;"></div>
|
||
|
|
<p><a href="mailto:sufyaan@counterhawks.com?subject=My%20New%20Browser%20Setup">>>> Reply To Me</a></p>
|
||
|
|
<p style="text-align:center;"><a href="../ee/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../dsc/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
|
||
|
|
<hr/>
|
||
|
|
<footer>
|
||
|
|
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
|
||
|
|
<p class="footer-text" style="font-size:80%"><a href="../">sufyaan.cyou</a></p>
|
||
|
|
<p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p>
|
||
|
|
</footer>
|