List: Web Development Tools

List

Web Development Tools

Various resources, tools and helpers for web development

Diahook · Making Webhooks Easy and Reliable

www.diahook.com
BEM Naming Cheat Sheet by 9elements

9elements.com
Webhook.site - Test, process and transform emails and HTTP requests

webhook.site
EStimator.dev: the modern JavaScript savings calculator

estimator.dev
Wicked Backgrounds

wickedbackgrounds.com
Heat.js - JavaScript Heat Map

www.william-troup.com
Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development

tailwindcss.com
Water.css

watercss.kognise.dev
GitHub - IanLunn/Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

github.com
SocialSizes.io - Image and Video sizes for Social Media

socialsizes.io
Grid.js - Advanced table plugin

gridjs.io
Guide to Web Authentication

webauthn.guide
Squoosh

squoosh.app
Hotwire: a radical new old way to build web apps | Medium

delitescere.medium.com
A Theory of Web Relativity - HTMHell

www.htmhell.dev
Material Design Colors, Material Colors, Color Palette

www.materialui.co
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode

alex-d.github.io
Loader.io

loader.io
GitHub - mailhog/MailHog: Web and API based SMTP testing

github.com
Lenis – Get smooth or die trying

lenis.studiofreight.com
GitHub - quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.

github.com
Smoother & sharper shadows with layered box-shadows | Tobias Ahlin

tobiasahlin.com
simpleParallax - a JavaScript library for parallax effects

simpleparallax.com
Swagger Editor

editor.swagger.io