Developer’s Notes | Work Tools List ✨
I decided to collect the most interesting tools from the latest releases of Developer’s Notes, which can be useful in the work of both a designer and a web developer. The selection will be constantly updated and updated.
If you have any suggestions or find something to add to this list, write Konstantin Goncharov. (It is possible in Telegram)
CheckList.Design
Have you forgotten anything in your design?
Mobbin.Design
A service where screens from applications are collected. You don’t have to download a bunch of applications or create a bunch of accounts if you just want to study the UI of services that interest you.
Play.typedetail.com
We play with fonts and select the proportions we need.
Squoosh
A convenient and simple service for compressing image size with full control over quality (developed by Google).
Well-known service for image compression. Batch reduces file size without losing quality.
Chartify.io
A tool for creating visual diagrams and exporting them to an image.
Remove.bg
Separating people from photos using AI.
Progression
A service for organizing collaboration between designers/developers, allowing you to evaluate their career growth and keep the entire team structure in one place.
Octopus.do
A service for creating a site map and approximate development cost calculations.
Draft
Image storage and display service. You can show customers application screens or any type of illustration.
2dimensions
Library for animation in WEB and Flutter applications + development environment for these same animations.
Myfonts.com/WhatTheFont/
Font recognition service based on an uploaded image.
Palettes and colors 🎨
Palx
The tool selects auxiliary colors for the color you suggest.
Palettte App
Colorbox.io
Сloudflare color
Geenes.app
Bases and collections of tools and resources for designers
We are DesignBase
Flowbase
Designnotes.co
Ficture.design
A resource where websites and their printing houses are analyzed.
iradesign.io
Free cool illustration generator.
Betterwebtype.com
A resource with resources about printing. There are even font memory games and books.
Graphpack
No configuration required, compact GraphQL server with live reloading, sandboxing and everything you need.
WebDev
Google is a tool for checking websites (you will also find many articles about UX/UI Best Practices there).
TestMySite
Google is a tool that will check your site for loading speed over 3G/4G and give the necessary advice.
URLscan.io
The service scans the site for redirects and mentions on other resources + a full analysis of downloaded resources and their origin.
NginxConfig
Nginx config generator with many presets for SPA, NodeJS, Frontend.. and with explanations. The config code and setup instructions are displayed below.
sslforfree.com
Online service for obtaining letsencrypt certificates without certbot and any other manipulations with the server.
Signals
A very simple and highly customizable logger for NodeJS.
Carbon.now.sh
The service generates an image with your code in a beautiful editor that you customize.
Drawsql.app
A service where you can think through the future DB and the relationships in it.
Anime
A lightweight and convenient library for working with SVG and much more..
Webauthn.io
We use “iron” keys and body parts (Touch/Face ID) for authorization on the site.
PagePiling.js
A plugin that allows you to create sectional page scrolling on your website.
Lax.js
Tiny (3kb) vanilla js plugin for creating cool smooth scroll animations.
Uppy.io
File upload form plugin. Cloud services and much more are supported.
Wit.ai
Library for processing voice requests. Can be used to translate records into text (transcription).
Metatags.io
A tool that will show how your website looks on social networks, search engines and help correct this appearance.
Just Good Copy
The service collects UX texts from well-known services and helps you come up with supporting text for emails to clients.
Speakhuman.today
The service generates human texts for various events in your project.
Mailtolink.me
Service for generating pre-filled mailto links.
Useberry
The service helps conduct usability testing of interactive prototypes.
Rotato.xyz (Design Camera)
A free and cool tool for creating promotional materials. It looks very impressive. Available only for MacOS.
Zapsplat.com
A free library of sound effects that you can use in your projects.
Subscribe to Developer’s Notes в Telegram
Developer’s Notes | Work Tools List ✨ was originally published in Developer’s notes on Medium, where people are continuing the conversation by highlighting and responding to this story.