Dev Useful Stuff
2.02K subscribers
2 photos
337 links
Here you can find some interesting links to development libraries, frameworks, tools, plugins and articles
Download Telegram
Few tools to manage running Docker containers:

1) Dockly - Docker console (!) UI and Dashboard for quick manging and inspecting of Containers and Images. Written on JS.
https://github.com/lirantal/dockly

2) ctop - CLI utility, provides a concise and condensed overview of real-time metrics for multiple containers:
https://github.com/bcicen/ctop

#Docker #terminal #gui #cli
imgproxy - the microservice for resizing and converting remote images.

More explanation is here: https://evilmartians.com/chronicles/introducing-imgproxy
Github: https://github.com/DarthSim/imgproxy

#microservice #go #images
SQIP - CLI utility that generates a lighweight preview for a given image in SVG format.

Have you ever seen how Google, Pinterest or Facebook preload their pictures? Say, you open Google and search for a picture, the results appear in grid and each image has its own colored placeholder and only then the real image is loaded replacing the placeholder. It is very nice practice from UX point of view.

The use case of SQIP is pretty simple. Firsly you need to generate the SVG preview:

sqip -o output.svg ../myImage.jpg

then, you calculate base64 from it:

cat output.svg | base64

and now you can use it in your HTML code, something like this:

<img width="600" height="400" src="myImage.jpg" style="background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWx....0iMjciLz48L2c+PC9zdmc+);">

And here you go!

#js #images #svg

https://github.com/technopagan/sqip
ripgrep - is a line oriented search tool that works similar to "grep" or "ack", but much more faster.
Written on Rust πŸ‘ŒπŸ»

#rust #cli #search

https://github.com/BurntSushi/ripgrep
Oh shit, git! - few tips and tricks how to solve common problems with Git on plain English. Nice Friday reading

#git #friday

http://ohshitgit.com/
The jQuery is the de facto standard in our industry, but it is too large and heavy, which may cause significant loading traffic on your website. Today, more developers choose widgets written in Vanilla Javascript to make pages lighter and faster.

https://plainjs.com/ is the online catalogue of widgets and simple functions written in pure JavaScript ready to use.

#js #javascript
DockerSlim - utility that helps you to build skinny containers. It uses static and dynamic analysis and dramatically reduces the size of ready image

#Docker #cli

http://dockersl.im
TeaVM - is quite peculiar web framework. You write the code on Java/Kotlin/Scala and it transforms the code to JavaScript to be run in a browser. It sounds like old-school GWT framework, but the biggest difference is GWT parses Java source code, but TeaVM parses the compiled java byte code. This makes compilation much faster than GWT and it supports the latests features from JVM languages. As author says, the compiled JS is significantly smaller, than on Angular or ReactJS. So, today you can use your favourite Kotlin both on backend and frontend :3

#weird #javascript #jvm

http://teavm.org/
If you have a dozens or even hundreds of microservices and all of them expose their APIs to the rest of the world, you often need to manage the same things for every service separately, such as authentication/authorization, security checks, load balancing and etc... In this case an API Gateway could be useful, becuase it builds sort of "faΓ§ade" for your APIs and allows to manage all APIs in one place. Here are few open source solutions:

β€’ Kong, has 12,3k stars on GitHub. Build in Lua language on top of Nginx. Provides a lot of ready plugins for security and Auth, rate-limit, caching, logging and etc...
β€’ Tyk, has 2,4k stars on GitHub. Build on Go. Provides many features out-of-the-box, such as web Dashboard, with monitoring, API documentation, Mocks for testing, notifications and many more...

#api #gateway #microservice
https://boostnote.io - Open source note-taking app designed for programmers. Desktop and mobile apps are available. Written in JS πŸ˜”

#js #app #mobile
Say, you have a blog (may be created using a static site generator) and you want to add comments to it. In this scenario the most common solution is to use Disqus, which could be integrated to your site and keep all the conversations on their side. It is very convenient, but this solution has few drawbacks. Firstly, Disqus loads a lot of scripts to a browser that inevitably affects the loading time. Secondly, [paranoia mode: on] it collects too many information about your users [paranoia mode: off]. Here are few open sourse alternatives for Disqus.

1) Schnack.js, (β˜… 268), written in Node.js, supports authentication via Twitter and GitHub, avatars, admin panel. Requires SQlite. Easy to use and install.

2) Discourse, (β˜… 23044), very powerful platform written in Ruby on Rails. Check out their site for the full list of features, it is huge. But the installation is quite complicated and it is greedy for a resources from your server.

3) Isso, (β˜… 2461) looks very similar to Disqus, but written on Python. The result JS file is very lightweight (12kb gzipped), supports importing from Disqus and Wordpress, but does not provide third-party authentication.

4) Commento, (β˜… 2020) written in Go, very lightweight, looks nice, but the functionality is very limited.
Responsive email is hard. A quick and dirty solution is to use some ready service, such as Mailchimp that provides online drag-n-drop constructor to build template for your email. The result code is horrible, but it works. What if you want to write emails by yourself but you want to make it easy and fast? One solution is to use special markup languages that allows you to separate the layout and scaring inline style hacks. Here are few promising open source options for you.

1) HEML (β˜… 2136). Looks very similar to html, but contains some email-specific tags. HEML has clean documentation and online editor

2) MJML (β˜… 5865). Quite mature project with the large community. Unlike HTML it looks more like XML, but still very compact. However, when you add a tag attributes, the code looks messy, but again it is better than pure HTML. MJML also has very nice online constructor, but in addition you can install their desktop app to work offline (written on Electron). You might want to check their large library of ready templates with source codes to use.

#emails #js #responsive
RediSearch is open source (β˜…761) full-text search engine built on top of Redis. It is the nice lightweight alternative to Solr and ElasticSearch. Written in C.

#search #redis
https://worldbrain.io - a free browser extension to search for every word of every website & PDF you visited or bookmarked. The data is stored and indexed only on your local computer and won't be accessible to anyone else. At the moment the project in Beta status. Check the video demonstration for the details.

#extension #search #beta #browser
​​Alacritty (β˜… 7642) - the fastest terminal emulator. It uses GPU to render fonts. If you work a lot in the terminal and edit your code in Emacs or Vim, then you probably spot the difference. I worked few weeks with Alactitty and I can say it worth to try. Written in Rust. You can install it only from the source files so far, so you have to clone the repo and compile it by yourself on your computer. Hovewer, the tutorial is quite understandable and itundefineds easy to follow it. Furthermore, the configuration is availably only via text files. And the most annoying is the lack of scrollback. But all the drawbacks will be fixed and implemented in the future.

#terminal #emulator #rust
Two code editors have announced their collaboration tools that allow developers to write code in real-time:

1) Visual Studio Live Share based on VSCode
2) Atom Teletype, Beta