Eine Übersicht an Tools und Fundstücken

Tools

clamp

fluid-typography-calculator

Calculate a Fluid Typography Scale

hextohsl

htmlcolors.com/hex-to-hsl

Hex to Hsl
We've created an HTML color conversion from HEX to HSL for you to know the HSL value of your HEX color. Take a look!

Remix Icon - Open source icon library

remixicon.com

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
All of the icons are free for both personal and commercial use.

Feather – Simply beautiful open source icons

feathericons.com

Simply beautiful open source icons

Health icons

healthicons.org

Free for use in your next commercial or personal project. Editing is ok. Republishing is ok. No need to give credit.

csshero.org/mesher/

A Free tool to create modern mesh gradients with CSS. Use your own colors or randomly generated ones to build the trendiest CSS gradients of 2021.

photopea.com

Online Photo Editor fast wie Photoshop

type-scale.com

Choose the right Font size

squoosh.app

Smaller images mean faster load times. Squoosh can reduce file size and maintain high quality.

wave.webaim.org

WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Our philosophy is to focus on issues that we know impact end users, facilitate human evaluation, and to educate about web accessibility.

websemantics.uk/tools/responsive-font-calculator

Fluidly scale typography smoothly across viewport widths. Generate a fluid-responsive property (font-size) value for embedding directly into your stylesheet.

responsively.app

Develop responsive web apps 5x faster!

A must-have DevTool for all Front-End developers that will make your job easier.

...and it is open-source too! 🎉

experte.de/barrierefreiheit/kontrast

Der Farbkontrast Check crawlt automatisch deine Webseite und überprüft alle sichtbaren Elemente nach WCAG 2.1 Richtlinien. So wird sichergestellt, dass auch Menschen mit Seheinschränkungen deine Webseite problemlos nutzen kann.

heroicons.dev

Heroicons – Free Open Source SVG Icon Library

accessible-color-generator.html

A tool for creating color variations on a base color to meet WCAG AA or AAA color contrast ratio guidelines.

basicons.xyz

Free Basic icons for product design & development

maketintsandshades.com

Farb Abstufungen leicht gemacht

gradient-animator.com

make animated gradients with css

brumm.af/shadows

Make a smooth shadow, friend.

google-webfonts-helper.herokuapp.com

Google Webfonts downloaden im passenden Schriftschnitt

https://pqina.nl/flip/

Flip is the most advanced Flip counter plugin available on the web. It's super easy to setup, amazingly flexible and beautifully animated.

https://legalweb.io/

Wordpress & WooCommerce DSGVO Plugin für konforme Websites

blobmaker.app

Make your own svg Blobb