Developer Tools

A curated collection of useful tools for developers and designers.

Pocket

Use pocket to save your articles and read them later. One of the best things is the feature for reading a given article.

reading
productivity
education

Instapaper

Instapaper saves web content for later and possibly offline reading

reading
productivity
education

HackerNews

Lots of technical news of higher quality. Very little clickbait kind of content. The comments and discussions can be interesting.

reading
news

Medium

Medium has lots of good content. Unfortunately I'm not always happy with the direction that it's taking as a platform

reading
productivity
education

Scribe.rip

Read medium articles without medium

reading
productivity

Figma

App great design tool. It's easy to use and especially get started. No installation required for example. Simply fireup your web browser and signup and get started.

design
productivity

Dribbble

UI and UX social plaform. It's great to browse through the designs from others. It motivates and inspires

productivity
design

Behance

UI and UX plaform. Teams can easily share their projects making it easy to see the contributions from everyone

productivity
design

AutoDraw

Draw shapes and easily turn them into icons.

productivity
design

Framer

No-code environment for designing beautiful websites

productivity
design
prototype

Spline.design

Figma for 3D designs! Create 3D scenes, edit materials, and model 3D objects.

productivity
prototype

reasonable.work

When working on a new project picking colours can be hard. This helps to find the right colour that is also accessible. Everybody benefits from accessible sites. I also like the simplicity of the site's design.

productivity
prototype

octopus.do

A well designed app that helps visually build out your sitemap. Useful to quickly visialise the different pages of your site.

productivity
prototype

tints.dev

Find the perfect colour swatch for your tailwind based project. It's great inspiration for possible new project.

productivity
prototype

Cloudinary

A great image server. Developers use it to serve images. It allows the image to be transformed before sending it to the client. This is especially important when serving responsive images.

productivity
image

Codepen

Online playground to create html CSS and JavaScript projects. Use it to quickly experiment or see how others go about addressing certain issues.

productivity
engineering

Codesandbox

Online playground to create html CSS and JavaScript projects. Use it to quickly experiment or see how others go about addressing certain issues.

productivity
engineering

Glitch

Online playground to create html CSS and JavaScript projects, but also NodeJS apps. Use it to quickly experiment. However it's also possible to host anything you create.

productivity
engineering

Replit

In browser IDE that supports over 50 languages. Replit is especially special since most of the tools listed here don't support backend that much. However I have to admit that I don't use this much.

productivity
engineering

JSFiddle

An online IDE for HTML, CSS and JavaScript snippets known as fiddles. The interface splits into four panes which can can resized.

productivity
engineering

StackBlitz

StackBlitz's WebContainers tech is a novel approach to the online development environment space. These only work on chromium based browsers at the moment but the technology is very exciting.

productivity
engineering

CSS Shadows

Find the perfect shadows for your CSS styles. Use the handles to easily visualise the depth and blur levels of the shadows.

productivity
engineering

Cubic bezier tool

A well known tool to find just the right Cubic Bezier curve for a given CSS animation.

productivity
engineering

CSS waves

Generate beautify CSS waves for your next design. Export them as SVG or PNG files.

productivity
engineering

ProductHunt

Find great software as they are released.

productivity
software

Hackerspad

A list of alternative software. Discover, often open source, alternatives for popular and less popular apps.

productivity
project

Readme.com

Create and manage documentation.

productivity
project

webmonetization

Monetize the web without dark patterns at webmonetization.org

productivity
project

patreon.com

Monetization for creators

productivity
project

tiny-helpers.dev

Fun little helpers on the web to get things done.

productivity
project

Google doc

Document writing. Create documents. If you've used Microsoft Word, this is a capable online alternative from Google.

productivity
writing

HackMD

Write markdown documents and store them in your github account. Great online editor for writing notes in markdown

productivity
writing
markdown

Ghost

A medium like blog with more customization options. Host it on your own servers or opt for the (paid) hosted version.

productivity
writing

txtfiddle.com

Wrangle text files. Wrap text, add line numbers or convert it to an md5 hash. Remove the html tags from text or convert markdown to html.

productivity
writing

Hemingway Editor

An online editor that helps you write higher quality content. It will make suggestions for improvements and help you get to a higher quality article.

productivity
writing

Etherpad

Google docs alternative. And it's open source.

productivity
writing
notes

Starlight

Documentation tool based on AstroJS framework. Similar to Docusaurus

documentation

Docusaurus

Documentation tool based on AstroJS framework. Similar to Docusaurus

documentation

GoodNotes

GoodNotes is an app that lets you take digital notes and annotate PDFs. It allows you to combine handwritten and typed text, images, and even convert your handwriting to text.

documentation

Trello

A project management tools. Great for new projects. This is a great alternative for something like Jira. It's great for tracking your projects

project
management
productivity

Miro

The online collaborative whiteboard platform. Plan projects, create boards and use various media types.

productivity
engineering

Tweek

Tweek Calendar is a Minimal Weekly Planner & To-Do List App. The design is quite intriguing and makes it a pleasure to use. I'm not sure that this is for larger projects though.

productivity
design

Notion

A nicely design full project management tools. This is very much for larger teams.

productivity
design

Mibo

Social chatting app. Hangout on an island with a group of people and chat. Only works on Chrome browser for now though.

social

weTransfer

Send large files across the web. The company makes great product and has stellar design.

productivity
email

Draw.io

A simple but powerfull and free diagramming tool.

productivity
image
diagram

phind.com

An AI based search engine specifically for developers. It's free to use.

search

rix

An AI based search engine for developers from hashnode.com. It's free to use.

search

chat.openai.com

Generic chatbot. It can also be used by developers. Free to use but requires signup.

search

chat.bing.com

Chat bot that's based on chat GPT.

search