Manage your Chrome tabs like a Pro with Workona [Week 34/20 in Review]

Stefan Natter 🇦🇹👨🏻‍💻 - Aug 25 '20 - - Dev Community

If you like my articles, you probably like my tweets and newsletter too. Let's connect on LinkedIn. 🚀


Hello 👋🏻.

Welcome to my "Week in Review" series. Each week I will share what I discovered, learned, and tested with you.

In the past, I have tried many apps to manage my tabs in Chrome and to get my collection of countless open tabs under control. Unfortunately, none of the solutions were sustainable for me. Except for my current and hopefully for the time being the last attempt with Workona. In this issue of the "Week in Review" series, I show you how I have optimized my workflow in Chrome.


Highlights

Last week I asked my community which email client they use. I got a lot of answers. A few e-mail clients were mentioned again and again, including Proton (previously Proton Mail), TwoBird, Superhuman, and Spark. I have tried a few email clients in the past but always came back to Gmail (mobile and desktop). Which client do you use?

Another highlight for me was the release of TypeScript 4.0. Especially --incremental with --noEmit , and /** @deprecated */ features are interesting to me. Do you use TypeScript in your projects?


Workona

Workona
(Source: workona.com)

How do you manage your Tabs in Chrome? How do you improve your battery life by suspending unused and old open tabs? Do you use The Great Suspender and OneTab? Then you are like me before I found Workona. Let me show you why I like Workona so much.

I am an open tab collector. I open lots of tabs on my phone and on my Macbook on a daily basis. Long story short: I get lost. I mix work, social media, private, and research related tabs way too easily. It was about time I find a solution to this situation.

Luckily I found this tweet proposing a solution to Kevin Kwok, who just lost thousands of tabs in OneTab.

I went to Workona’s page and was convinced almost immediately. It combines the most loved features of OneTab, The Great Suspender, and other extensions in one app. You can organize your tabs in multiple workspaces (e.g. one for work, one for social media, ...), share workspaces with your team, and suspend tabs easily.

Workona's strength lies in the workspaces. You can think of a workspace as an independent theme (e.g. work). In this theme, you have all currently open tabs and blocks. Blocks contain a list of saved links. You can have and manage several blocks within a workspace.

Let's take a look at this using the workspace Social Media. In this workspace, I have 2 blocks: "Twitter" and "Misc. "Twitter" contains the most important links for Twitter for me. These are for example tools, chats, the Twitter Analytics page. "Misc." contains among others Reddit and YouTube.

By clicking on "Open all" I can quickly open all links of a block and close them just as quickly. This has made my workflow much easier and improved.

Similar to the Great Suspender, Workona suspends tabs. For this purpose, a certain number of maximum active tabs can be defined. If you have more tabs open Workona starts to suspend them.

Quickly switch between topics has never been easier.

Let me know what you think about Workona, if you try it.

📗 Books

I currently read "We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander.

Do you summarise the books you read? This is something I pay more attention to at the moment. This ultimate guide gave me a few tips and tricks to help me along the way.

What are you reading? Share your recommendations in the comments below. 🙏🏻

⛓ Links of the Week

  • Last week I had an interesting call with Kilian Valkhof founder of Polypane. Wow, I am still fascinated by what his product can do. It shows you your website simultaneously on several devices. So you can see at a glance how users with different screen sizes see your site. Polypane equips you with a variety of tools. These include filters for people with visual impairments, daylight simulator, thumb reach, and much more. Try it out and be amazed!
  • So I was all the happier when I discovered emailregex.com. They state that their RegEx covers 99.99% of email cases. But not only that, but they also have RegEx for URLs, IP addresses, and phone numbers. Furthermore, the Regex Visualizer helps to understand a RegEx better (another great site is regex101). I have never seen my RegEx like this before. You have to try it.
  • Instantly play "Bazinga" and other sounds with myinstants.com.
  • Baremetrics has put together interesting benchmarks (e.g. average revenue per user) from over 800 startups.
  • Pull to Refresh is a nice to have feature not only in your native apps but also in your web apps. Here are two examples for your next project.
  • Do you know when to use noopener, noreferrer, and nofollow?
  • Next time you need to render a hexagonal grid with React, check out these two open source solutions: react-hexagon and reacht-hexgrid.
  • If you want to build your own hexagon grid, you should read this ultimate and comprehensive article. It covers different approaches, formulas, and algorithms.
  • BlitzJS looks very promising and promises great things. The website says big and bold "Makes you far more productive than you ever dreamed was possible 😉". BlitzJS is still in alpha and I haven't had time to try it out yet. But, hopefully, this should change soon. Have you already tried it? Please let me know.
  • In one of our projects our designers found this interesting Bubble Layout on CodePen. Looks like a very sophisticated solution and interesting user interface. Based on this idea we created our own implementation in the project.
  • If you are lucky and you do not have to support Internet Explorer, you can use a CSS rule I found last week: clamp(). Similar to the Fluid Typography solution it allows you to dynamically grow a font-size between a defined min and max range.
  • Promise.all is helpful when working with a list of promises but it has one catch: it rejects immediately when one promise rejects, regardless if there are promises left. Lucky for non-IE developers, there is a solution Promise.allSettled. You get an array of outcomes including rejected and resolved promises.
  • Do not call a React function component!
  • Do you know the result of ~~(1.25*3) in JavaScript (solution)?

🐦 Tweets of the Week










This is it for week 34/2020.

See you next week - thank you. 👋🏻

Stefan


If you like this article, chances are you will like my newsletter too. 🚀

Let's stay connected on Twitter, LinkedIn, and GitHub.

You can buy me a coffee or support my work on Patreon too if you want.


This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .