OtoDev | OtoDev - Curated links for web developers

Magic Eraser

Remove unwanted things from images

image

readme.so

Create great looking readmes for your project.

markdown

Availability calculator

Calculate allowed downtime for web services per Service Level Agreements (SLA)

sys admin

ButtonBuddy

Learn about accessible button contrast then generate your own accessible button color palette

accessibility color css

Format JSON

Format and compare two JSON files

json

SVG REPO

Search, explore and edit the best-fitting free icons.

icon

AVPress

Optimise videos in your browser.

performance video

illlustrations.co

Find an open source illustrations kit

image

Mozilla SSL Configuration Generator

Generate recommended TLS configurations for servers

security sys admin

Code Generator for HTTP Requests

Generate “ready to run” code snippets for making HTTP requests with Google Apps Script, JavaScript, Node.js and cURL commands.

Command line http javascript network

The Hero Generator

Generates the code for hero pages

css html

The Ruby Toolbox

Find actively maintained & popular open source software libraries for the Ruby programming language

Cheatsheet ruby toolbox

Lorem Picsum

The Lorem Ipsum for photos.

content image lorem ipsum

Can I Use

Quickly look up browser support for modern web technologies

css html javascript

Fluid-Modular Type-scale Generator

Quickly generate the CSS boilerplate of your design system using the concept of ‘Fluid-Modular Type scale’.

css font Typography

Testing Playground

Playground for Testing-Library

javascript react svg

React-spring visualizer

The missing visualizer for your react-spring UI animations.

animation javascript react

Pixelart icons

480 open-source line pixel-art style icons, in one color and made with a 24x24px grid.

icon

System UIcons

A growing collection of simple and consistent icons specifically designed for systems and products.

icon svg

Color Namer

Easily lookup variable names for your colors

color