DEV Community

Cover image for Websites I frequently use
Matthias πŸ€–
Matthias πŸ€–

Posted on • Updated on

Websites I frequently use

Daily news πŸ“°:
  • dev.to
    This website. No further information needed 😍

  • Twitter
    I use Twitter to stay up to date. I really like the new Twitter design, which also offers me the explore feature that you might already know from the app. If you like to, you can also follow me on Twitter (@fullstack_to) πŸ˜‰.

  • 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
    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
    Similar to the Array explorer but for JavaScript objects.

  • CSS-Grid generator
    As mentioned above, I don't do CSS frequently. To create perfect CSS grids, the CSS-Grid generator is quite handy.

  • 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
    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
    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
    You can also encode and decode base64 data in your terminal. But most times I use base64decode.org.

  • Remove Background
    Sometimes I need to remove the background from images. remove.bg is the perfect tool for this task.

  • JSON Query Playground
    I often need to deal with JSON data (for example in API responses). I like to use jq to query JSON data. The JSON Query Playground allows me to build jq queries in my browser.

  • Deepl 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
    LanguageTool helps me to proofread my articles. There are also browser extensions for Chrome, Firefox, Google Docs, Microsoft Word, LibreOffice and many more.

Hosting ☁️:

  • Netlify
    Netlify is the perfect place for static sites. I host several websites there and deployment is done in seconds.

  • DigitalOcean
    Since DigitalOcean offers managed Kubernetes, I have set up a cluster for testing purposes.

  • Firebase
    Hosted databases, authentication service and static file hosting from Google. Perfect for side-projects πŸ‘

Docs πŸ“—:
  • Docker
    The Docker 🐳 documentation. What more could I say?

  • Kubernetes
    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
    I recently started using GatsbyJS, for most tasks I need to consult their documentation.

  • React
    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
    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
    Comics about the daily life of web agency developers.

  • Giphy
    Gifs are always good for a laugh in our Slack channels 🀩

Changelog πŸ”€:
  • Jul 19: Added Hosting ☁️
  • Jul 19: Added LanguageTool

If you like my content, you might want to follow me on Twitter?! @fullstack_to

Latest comments (12)

Collapse
 
dpaine20 profile image
David Paine20

Great thanks for sharing. For your tools section. Here is a website I would like to suggest
url-decode.com/
You must check it out. That website contains the tools related to decoding and encoding (URL, base64), number utilities, unit converter, developers, string utilities, converter, and IP tools as well under one domain. That will definitely help the users.

Collapse
 
dpashutskii profile image
Dmitrii Pashutskii

Nice article! Thanks for the cheat.sh, Array/Object explorers and amazing deepl.com! I'm tired of Google Translator, too bad they don't have an app.

Collapse
 
selahattinunlu profile image
Selahattin Ünlü

Hey!
Thanks for sharing. I'm using Grammarly. It's great for checking grammar. There is a Google extension and it works almost everywhere :)

Collapse
 
matthias profile image
Matthias πŸ€–

In today's DigitalOcean newsletter, they introduced LanguageTool.org. They have a browser extension too. Maybe an alternative to Grammarly.

Here is an example of LanguageTool.org:

This is also very funny πŸ˜‰

Collapse
 
selahattinunlu profile image
Selahattin ÜnlΓΌ • Edited

I started to test it yesterday. And it seems better than Grammarly. I like their suggestions as well.

Thanks again :)

Collapse
 
selahattinunlu profile image
Selahattin Ünlü

Haha, It seems so cool. Possible spelling mistake found "Grammarly -> LanguageTool" I like it :))
Thank you!

Collapse
 
matthias profile image
Matthias πŸ€– • Edited

That's pretty handy - thank you!

I also updated my article with Grammarly πŸ‘ I hope it's better now πŸ˜‰

Collapse
 
selahattinunlu profile image
Selahattin Ünlü
Collapse
 
trostcodes profile image
Alex Trost

Jake Archibald's SVGOMG is essential for compressing SVGs. One of my frequently used sites.

Collapse
 
matthias profile image
Matthias πŸ€–

Thank you for adding it!

Here is the link: SVGOMG.

Collapse
 
morganmccol profile image
Morgan McCollum

Hemingway is great for checking grammar and available online for free.

Collapse
 
matthias profile image
Matthias πŸ€–

Thank you!