Using CSS and Other Tools for Digital Wellbeing

Prelude: Web vs Mobile

Hiding Inboxes

div[aria-label="Conversations"] {
display: none;
}

Removing Distracting Elements in Publications

.grid-layout__aside,
.persistent-aside,
.persistent-bottom,
.persistent-top,
.headline-block__headline{
display: none;
}

More Focused Email

.AO {
position: absolute;
top: 0px;
left: 0px;
width: 80vw;
height: 90vh;
padding: 5vh 10vw;
}
.aiw, .aeN, .aeH, .aKh, .aeG {
display: none;
}
div[aria-label="Side panel"] {
display: none;
}

Bonus: Take Advantage of Settings!

Conclusions

Footnotes

  1. A friend noted that a browser extension exists that does this and more!
  2. To see all keyboard shortcuts in Gmail, just type: ⇧ + ? (shift and question mark).

--

--

--

kasra.io

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Discover The Recent features that have been added to PHP 7.2

“Randomness” in Ruby

Flutter Audio And Video app [Task 1]

Using Google Cloud Run

Fixing a Ubuntu Dual Boot with a Reinstall.

Alternate title: How to interview a company

Dofollow Profile Creation Sites

Tracking Down an ETS-related Memory Leak

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Kasra

Kasra

kasra.io

More from Medium

5 CSS Customization Tricks to Take your Squarespace Website to the Next Level

How to view local file(html/css) in iPhone

CSS units in a nutshell.

CSS Lesson 3: The Basics of Backgrounds