Forem

Cover image for Websites I frequently use
Matthias ๐Ÿค–
Matthias ๐Ÿค–

Posted on โ€ข Edited on

77 24

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

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how theyโ€™re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (12)

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
 
selahattinunlu profile image
Selahattin รœnlรผ โ€ข
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
 
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!

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.

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadogโ€™s testing tunnel.

Download The Guide

๐Ÿ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay