Websites I frequently use
Tags: productivity
Published: 2019-07-17 11:44:56

##### Daily news 📰:
- [dev.to](https://dev.to)
This website. No further information needed 😍

- [Twitter](https://twitter.com)
I use Twitter to stay up to date. I really like the new Twitter design, which also offers me the [explore feature](https://twitter.com/explore) that you might already know from the app. If you like to, you can also follow me on Twitter ([@fullstack_to](https://twitter.com/fullstack_to)) 😉.

- [css-tricks.com](css-tricks.com)
In my job, my focus is not on writing CSS or doing web design. But I am very interested in this topic. CSS-Tricks has some great articles and solutions for most of my (CSS) problems.

##### Cheat sheets 📋:
- [Array explorer](https://arrayexplorer.netlify.com)
There are many things you can do with an array in JavaScript. Too many to remember all of them. The Array explorer let you choose what you want to achieve and provides code examples and documentation for your selected function.

- [Object explorer](https://objectexplorer.netlify.com)
Similar to the *Array explorer* but for JavaScript objects.


- [CSS-Grid generator](https://cssgrid-generator.netlify.com)
As mentioned above, I don't do CSS frequently. To create perfect CSS grids, the CSS-Grid generator is quite handy.

- [cheat.sh](https://cheat.sh)
You don't actually need to use the website, because you can use *curl* to query cheat sheets from cheat.sh (e.g. `curl cheat.sh/vim`) on your command line.

- [Git and Git Flow Cheat Sheet](https://github.com/arslanbilal/git-cheat-sheet#readme)
The basic Git commands (like `git add`, `git commit`, `git checkout` or `git merge`) are already manifested in my brain. But there are many more commands I cannot remember and therefore I use the Git and Git Flow Cheat Sheet.

##### Tools 🧰:
- [Regex 101](https://regex101.com/)
For *me* personally, regular expressions are hard to remember and I welcome every tool which assists me whilst writing regular expressions. Regex101 is my website of choice because it has quick tips, match explanation and explains to me why my regex matches (or not 😅).

- [Base64 Encoder / Decoder](https://base64decode.org)
You can also encode and decode base64 data in your terminal. But most times I use base64decode.org.

- [Remove Background](https://www.remove.bg/)
Sometimes I need to remove the background from images. remove.bg is the perfect tool for this task.

- [JSON Query Playground](https://jqplay.org/)
I often need to deal with JSON data (for example in API responses). I like to use [jq](https://dev.to/fullstack_to/tools-services-i-use-je9#jq) to query JSON data. The JSON Query Playground allows me to build jq queries in my browser.

- [Deepl Translator](https://www.deepl.com/translator)
You might already notice that I am not a native English speaker 🤗. Deepl helps me to check whether my wording is correct or not (if you can recommend a good grammar checker, please put it in the comments 🙏).

- [LanguageTool](https://languagetool.org/)
LanguageTool helps me to proofread my articles. There are also browser extensions for Chrome, Firefox, Google Docs, Microsoft Word, LibreOffice and [many more](http://wiki.languagetool.org/software-that-supports-languagetool-as-a-plug-in-or-add-on).

#### Hosting ☁️:
- [Netlify](https://netlify.com)
Netlify is the perfect place for static sites. I host several websites there and deployment is done in seconds.

- [DigitalOcean](https://digitalocean.com)
Since DigitalOcean offers managed Kubernetes, I have set up a cluster for testing purposes.

- [Firebase](https://firebase.google.com/)
Hosted databases, authentication service and static file hosting from Google. Perfect for side-projects 👏

##### Docs 📗:
- [Docker](https://docs.docker.com/)
The Docker 🐳 documentation. What more could I say?

- [Kubernetes](https://kubernetes.io/docs/home/)
Kubernetes is a powerful beast but it makes deployment, scaling, and management of containerized applications so easy (depending on what you compare it to 😉). The Kubernetes documentation is the one-stop-shop for my problems/questions.

- [GatsbyJS](https://www.gatsbyjs.org/docs/)
I recently started using *GatsbyJS*, for most tasks I need to consult their documentation.

- [React](https://reactjs.org/docs/getting-started.html)
I used Angular for many years but switched to React a couple of months ago. I often need to look into the React documentation (I cannot remember *conditional rendering* syntax even if I try really hard 🤫).

- [DigitalOcean Tutorials](https://www.digitalocean.com/community/tutorials)
There are many good tutorials written by DigitalOcean community members. At the time of this writing, there are over 2,200 tutorials. The topics range from setting up a Linux server to highly specialized topics such as installing a Galera cluster or canary deployments with Istio and Kubernetes.

#### Fun stuff 🤡:
- [CommitStrip](http://www.commitstrip.com)
Comics about the daily life of web agency developers.

- [Giphy](https://giphy.com/)
Gifs are always good for a laugh in our Slack channels 🤩

##### Changelog 🔀:
- Jul 19: Added Hosting ☁️
- Jul 19: Added [LanguageTool](https://languagetool.org/)

<hr />

If you like my content, you might want to follow me on Twitter?! [@fullstack_to](https://twitter.com/fullstack_to)