
Yestarday Google made a big announcement regarding Gmail's look and feel.
Gmail will be taking a new tabbed approach to helping users organize e-mails. A new tab workflow will be slowly introduced to the Web, iOS, and Android versions of Gmail.
It's a quick process once your account has access, and it's easy to change back to the traditional layout should you decide you're just not feeling the tabs.

The easiest way to test the tab-centric Gmail is to log into your Gmail account using the browser on your computer. Once logged in, you have to click the gear icon in the top-right corner of your screen.
You will find a "Configure Inbox" option under the settings menu.
Click on this item. Tabs are now enabled.
The entire process requires you to pick which tabs will be enabled by default once you being using the new layout.
You can choose between Primary, Social, Promotions, Updates, and Forums tab. As you hover each tab category you'll see a preview of the e-mails in your account that will be associated with the tab.
Uncheck the box next to each of the tabs you don't want to be active.

Finally, you'll see an option to "Include starred in Primary."
It means that the starred e-mails, regardless of the tab they may belong to, will show up under the Primary tab.
If you want to sort an e-mail into a different tab, you can click and drag it to the tab of your preference, or right-click on the e-mail and select Move to Tab > (tab name).
After moving an e-mail, you'll be asked if you would like to set the sending e-mail address to always go to the newly assigned tab. Clicking Yes will ensure it's properly filtered going forward, otherwise it's viewed as just a one-time move.

To disable the tab layout and getting back to the Gmail inbox, click on the "+" sign to the right of your last tab and uncheck the box next to all tabs but Primary.
Then, if you change idea and want to try tabs again, you just repeat the same process of clicking on the Settings icon > Configure Inbox.

Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
Related Posts
Understanding LCP, CLS, FID. All about Core Web Vitals in Google Search Console
A few months ago we talked about certain Google metrics that were displayed in Search Console. The reason for writing another post on this topic is that Google has changed…
Validating HTML forms using BULMA and vanilla JavaScript
Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home…
How to use Parallax.js effect on your website
Today, we're going to write about the parallax effect, similar to parallax scrolling, and how to implement it to improve your landing page. In webdev, they say mobile first -…
How to make the website's dark mode persistent with Local Storage, CSS and JS
Recently we wrote about how to do a switchable alternative color mode or theme, a very useful and popular feature to websites. Today’s article is going to be about how…
Dark Web: the creepy side of the Internet is not as dark as believed
People who surf the Dark Web are not necessarily looking for something illegal. Most people want to protect their privacy. And according to a recent study, 93 percent only use…
Cross cultural challenges in web design, an overview
The user experience design of a product essentially lies between the intentions of the product and the characteristics of your user. - David Kadavy - The task of building a culturally appropriate…
Website Traffic Getting Low? 4 Immediate Action to Take
If you have created a website, I am sure your end objective is to create a strong brand presence, boost engagement, and multiply revenue. An interesting statistic showed that there were…
The easiest way to align items using flexbox
With the release of flexbox in CSS, it has become an essential tool when placing elements next to each other, since, by default, the children of a display: flexare stacked…
Dark Mode on website using CSS and JavaScript
In today’s article we are going to learn how to build pretty much standard these days on the web pages and that is the alternative color mode and switching between…
JavaScript: Spread and Rest operators
In today’s article we are going to talk about one of the features of the ES6 version(ECMAScript 2015) of JavaScript which is Spread operator as well as Rest operator. These features…
How To Add Filter Effects to Images with CSS
To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain…
Why You Should Hire Node.js Developer for Your Backend Development
When developers are building a new website, they mainly focus on both frontend and backend development. The frontend code helps create the interfaces through which the app interacts with the…