5 Web Discoveries Which Are Pretty Awesome

thojest — Mon, 17 Feb 2020 21:21:27 +0000

This is my second post in the series 5 Web Discoveries, in which I want to share great web resources with you. If you want more, just have a look at Turtle community (https://turtle.community), where you can find handy tools for developers which will make your life a lot easier.

1) CyberChef - One webapp for all those little annoying tasks in your everyday dev life

This tool (https://gchq.github.io/CyberChef/) allows you to quickly perform recurring tasks during development. Date conversion, encryption, hashing, image manipulation, parsing and many more. Just think of it as a single GUI, which puts the most used algorithms in programming at your fingertips. I use it very often to quickly convert from/to base64 or for unix timestamps.

2) Explainshell - Quickly understand what your shell command is really doing

Have you ever wondered what again tar -abcdefghijkl... was doing? Explainshell (https://explainshell.com/) let's you just type in your shell command, disassembles all the options, parameters and arguments and matches them to their explanation from the help texts. So with this tool there is no more grepping through man pages or help texts. In most cases I use it to lookup the many options of rsync.

3) Bundlephobia - Check the weight of your npm packages before including them in your project

Performance matters, especially for your website. This tool (https://bundlephobia.com/) lets you quickly check the bundle size of every npm package. When looking for some nice npm package, which does some particular job I always check the impact on my project. Sometimes they bring in so many dependencies that you'll want to consider alternatives.

4) Dicebear Avatars - Open source avatars for your website

These avatars (https://avatars.dicebear.com/) are very handy if you need an initial placeholder image for your users. This package exposes an API and let's you choose between different styles of SVG avatars (robots, humans, initials, ...). The SVGs are created from a simple seed so that you do not need to store anything in your database.

5) Chart.js - Simple yet flexible JavaScript charting for designers & developers

With this library (https://www.chartjs.org/) you can create awesome looking charts in your frontend. It supports many different types of graphs like e.g. scatter plots, pie charts, multi-axes plots and so on. The documentation features many examples and you can even animate all your data.

5 Web Discoveries Which Are Pretty Useful

thojest — Thu, 28 Nov 2019 14:27:41 +0000

Hi dev.to, in my first article I want to give you a brief summary of 5 tools I recently tried out. If you like this, I will probably release articles of this kind on a monthly basis. If you are keen on more tools in the meantime, you can have a look at Turtle (https://turtle.community), which is where these discoveries come from.

1) High Performance Browser Networking - An Overview about the Basics of the Internet

Ok this is just an online book (https://hpbn.co/), but a pretty useful one, and it is open-source and it is a PWA. This book is on the basic building blocks of the internet, but from a very top-down approach. It is a very good introduction, if you want to get some basic knowledge on TCP, UDP, TLS, HTTP, Websockets, WebRTC and many more. It is a perfect balance between not too technical so that it is fun to read, while also giving you enough vocabulary and basic understanding to dive deeper if you want.

2) Undraw - Open Source Illustrations

This website (https://undraw.co) is incredible. It offers a huge amount of open-source SVG illustrations, which are perfect for creating a landing page. You can easily search for different categories, edit the colors, and download the pictures. They are free of attribution requirements. The nice part is that you can easily edit, combine and compose the elements by opening the SVGs with e.g. Inkscape, so that you can create your own creations. Because these illustrations are SVGs, they have a very small file size and are infinitely zoomable.

3) GoAccess - Open Source Monitoring

This open source tool (https://goaccess.io/) is perfect for visually analyzing your server log files. It reads your logfiles and outputs a html file with a dashboard of graphs showing statistics like, unique visitors, most consumed endpoints, ip addresses, geo-locations, top referrers and many more. The good part of this tool is, that it is incredibly versatile because it does not need an extra server for log collection, you can just tail and pipe your log files to it. It took me only an evening to set up correctly and is much better than ELK stack or Grafana Loki when you do not have a giant infrastructure. You do not need cookies or Google Analytics anymore to get insightful data of your app.

4) Cookie Consent - Open Source Cookie Banner Solution

Cookie Consent (https://github.com/osano/cookieconsent) is an open source solution to display a cookie banner on your website which is compliant with EU or GDPR. You can easily add it to your project as an npm package. It then exposes a very simple API to configure your banner. With a bit of CSS you have your custom cookie banner in no time.

5) Netcup - Very good Hosting Provider

The last discovery in this list is a hosting provider (https://www.netcup.eu/). I have really good experiences with hosting here, because it is reliable, modern and quite cheap. The point is, that when looking for hosting providers you have to go through endless lists and reviews (most of them advertisements) and in most cases you only find the real popular ones. So if you want to self-host check it out, you might like it.

DEV Community: thojest