Web Development Tools
Various resources, tools and helpers for web development
Added 4 years ago
Loadership
https://www.loadership.com/
LoaderShip is the ultimate CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website. Simply Copy & Paste without any installation or dependency hassle.
Added 1 year ago
GitHub - quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
https://github.com/quilljs/quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility. - quilljs/quill
Added 5 years ago
tailblocks — Ready-to-use Tailwind CSS blocks
https://mertjf.github.io/tailblocks/
Web site created using create-react-app
Added 4 years ago
BEM Naming Cheat Sheet by 9elements
https://9elements.com/bem-cheat-sheet/
A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.
Added 5 years ago
Neumorphism/Soft UI CSS shadow generator
https://neumorphism.io/
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
Added 5 years ago
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.
https://github.com/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. - IanLunn/Hover
Added 5 years ago
Diahook · Making Webhooks Easy and Reliable
https://www.diahook.com/
Diahook makes it easy to send webhooks from your service while ensuring robust deliverability and a great developer experience for your users.
Added 4 years ago
Pingdom Tools
https://tools.pingdom.com/
Use this free Website Speed Test to analyze the load speed of your websites, and learn how to make them faster.
Added 6 years ago
Broken
Are you using SVG favicons yet? A guide for modern browsers.
https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df
Also, you probably don’t need all these icon links and sizes you’re copying from projects to projects. Let’s find out what’s the absolute minimum required, word by word. For Safari, it’s a bit…
Added 5 years ago
Slowfil.es – Demonstate and observe slow-loading resources
https://slowfil.es/
Added 4 years ago
GitHub - apexcharts/apexcharts.js: ? Interactive JavaScript Charts built on SVG
https://github.com/apexcharts/apexcharts.js
? Interactive JavaScript Charts built on SVG. Contribute to apexcharts/apexcharts.js development by creating an account on GitHub.
Added 5 years ago
What browser am I using?
https://www.whatsmybrowser.org/
Added 6 years ago
Added 4 years ago
Fluor.js - Sprinkle interactivity on your design
https://fluorjs.github.io/
Sprinkle interactivity on your design
Added 4 years ago
GoJS Diagrams for JavaScript and HTML
https://gojs.net/latest/index.html
GoJS is a JavaScript library for building interactive diagrams on HTML web pages. Build apps with flowcharts, org charts, BPMN, UML, modeling, and other visual graph types. Interactivity, data-binding, layouts and many node and link concepts are built-in to GoJS.
Added 5 years ago
HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript
https://htmldom.dev/
Common tasks of managing HTML DOM with vanilla JavaScript
Added 5 years ago
Broken
Hotwire: a radical new old way to build web apps | Medium
https://delitescere.medium.com/hotwire-html-over-the-wire-2c733487268c
Added 4 years ago
Smoother & sharper shadows with layered box-shadows | Tobias Ahlin
https://tobiasahlin.com/blog/layered-smooth-box-shadows/
With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects
Added 5 years ago
flatpickr/flatpickr
https://github.com/flatpickr/flatpickr
lightweight, powerful javascript datetimepicker with no dependencies
Added 3 years ago
GitHub - phpstan/phpstan: PHP Static Analysis Tool - discover bugs in your code without running it!
https://github.com/phpstan/phpstan
PHP Static Analysis Tool - discover bugs in your code without running it! - phpstan/phpstan
Added 5 years ago
Open Color
https://yeun.github.io/open-color/
Open color is an open-source color scheme optimized for UI like font, background, border, etc.
Added 3 years ago
Broken
a11yresources - A growing list of accessibility tools and resources
https://a11yresources.webflow.io/
The Accessibility Resources is a growing list of more than 200+ hand-curated accessibility plugins, tools, articles, case studies, design patterns, assistive technologies, design resources and accessibility standards.
Added 4 years ago
Material Design Colors, Material Colors, Color Palette
https://www.materialui.co/colors
Added 6 years ago