OtoDev | OtoDev - Curated links for web developers

Doodle Icons

Find handcrafted icons.

icon

Placeholder Image Generator

Generate dummy images as data URIs, which don’t depend on external services

html image svg

Lighthouse CI Diff

Compare two Lighthouse reports

performance

Transition Css

Find click-n-go CSS clip-path transitions.

animation css

CSS Background Patterns

Create beautiful pure CSS background patterns

css

IconKitchen

Generate icons for mobile and web.

favicon icon

RoadMap.Sh

Create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings.

misc

Sassed

Transform SCSS to CSS

code css

Primer

Create cohesive, consistent, and accessible color palettes.

code color

Key codes

Get key codes for keyboard events in JavaScript

javascript

iHateRegex

Look up common regex patterns

regex

Min-Max-Value Interpolation

Generate a CSS clamp formula to interpolate between two values in a given viewport range.

css font

Base64 Image Viewer

View your Base64 encoded images

data transformation image

clipboard.js

A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped

javascript

CSS Duotone Generator

Create duotone image effects.

css

Ask Apache – Htaccess

Password Protection, 301 Redirects, rewrites, and much much more

Cheatsheet htaccess

range-input.css

Generate CSS to style range inputs that look consistent across all browsers

css

Wakamai Fondue

Inspect what your fonts can do

font

Svg Wave

Generate SVG waves

svg

How to Target Email Clients

Single out email clients and platforms using crowdsourced email development techniques

css email