OtoDev | css | OtoDev - Curated links for web developers

Css Portal

CSS properties and many CSS generators to help with all your design needs

css

Fluid Type Scale Calculator

Generate font size variables for a fluid type scale with CSS clamp.

css font Typography

EasyEasings

Create easings with keyframes animations that can’t be done with cubic-bezier in css

animation css

Alphredo

Generate translucent colors looking the same as their opaque counterparts when placed against the same background.

color css

extractCSS

Extract CSS from HTML with ease

css html

CSS Gradient

Generate beautiful color gradients.

color css

Mesher

Create beautiful CSS gradient backgrounds

color css

Web Color Tool

Convert RGB/HSL/Hex, explore harmonies, copy values with a click

color css

Tailwind CSS Cheat Sheet

Search for all the class names from Tailwind CSS.

Cheatsheet css

Cubic-bezier

Create and compare different animation bezier settings

animation css

uiGradients

Choose a linear CSS gradient from large collection of popular and pretty gradients

color css

Cut Corners using Mask & Clip-path

Cut the corners of any element using custom shapes.

css

Transition Css

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

animation css

CSS Background Patterns

Create beautiful pure CSS background patterns

css

Sassed

Transform SCSS to CSS

code css

Min-Max-Value Interpolation

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

css font

CSS Duotone Generator

Create duotone image effects.

css

range-input.css

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

css

How to Target Email Clients

Single out email clients and platforms using crowdsourced email development techniques

css email

cccolor

Pick colors and build a cohesive palette

color css