Web Development Tools
Various resources, tools and helpers for web development
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
A developer's perspective: the problem with screen reader testing | Jake Tracey
https://jaketracey.com/a-developers-perspective-the-problem-with-screen-reader-testing/
Added 4 years ago
Added 4 years ago
GitHub - zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped
https://github.com/zenorocha/clipboard.js
:scissors: Modern copy to clipboard. No Flash. Just 3kb gzipped :clipboard: - zenorocha/clipboard.js
Added 5 years ago
Consistency Made Simple : PLOP
https://plopjs.com/
Plop generates code when you want, how you want, and can be changed whenever you want.
Added 4 years ago
GitHub - microsoft/playwright: Node library to automate Chromium, Firefox and WebKit with a single API
https://github.com/microsoft/playwright
Node library to automate Chromium, Firefox and WebKit with a single API - microsoft/playwright
Added 5 years ago
Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable!
https://daybrush.com/moveable/
Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable!
Added 5 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 4 years ago
GitHub - ctrl-freaks/freezeframe.js: freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions.
https://github.com/ctrl-freaks/freezeframe.js/
freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions. - ctrl-freaks/freezeframe.js
Added 5 years ago
Code Hike
https://codehike.org/
Build first-class code walkthroughs for the web. Whether you are writing blog posts, documentation, tutorials, coding videos, or any type of technical content, Code Hike helps you create a superior code reading experience.
Added 3 years ago
Pixel Lite - Free Bootstrap 4 UI KIT - Themesberg
https://themesberg.com/product/ui-kit/pixel-lite-free-bootstrap-4-ui-kit
Free Bootstrap 4 UI Kit featuring over 80 components including and 4 example pages. Check the live demo and join over 8564 developers using our products.
Added 4 years ago
GitHub - mailhog/MailHog: Web and API based SMTP testing
https://github.com/mailhog/MailHog
Web and API based SMTP testing. Contribute to mailhog/MailHog development by creating an account on GitHub.
Added 5 years ago
Serenade | Code with voice
https://serenade.ai/
Serenade is the most powerful way to write code using natural speech.
Give your hands a break without missing a beat.
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 4 years ago
Proxyman • Advanced HTTP Debugging Proxy for Mac
https://proxyman.app/
Handy Debugging proxy tool for everyone.
Added 6 years ago
FAST UI System
https://www.fast.design/
Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework by leveraging industry standard Web Components.
Added 4 years ago
Fluor.js - Sprinkle interactivity on your design
https://fluorjs.github.io/
Sprinkle interactivity on your design
Added 4 years ago
Material Design Colors, Material Colors, Color Palette
https://www.materialui.co/colors
Added 6 years ago
Hasura GraphQL - GraphQL API generator
https://hasura.io/
Instant realtime GraphQL APIs on PostgreSQL | Hasura GraphQL | Instant realtime GraphQL APIs on PostgreSQL
Added 4 years ago
Broken
Mutagen | Cloud-based development using your local tools
https://mutagen.io/
Mutagen provides real-time file synchronization and flexible network forwarding, extending the reach of your existing development tools to cloud-based containers and infrastructure.
Added 4 years ago
Slowfil.es – Demonstate and observe slow-loading resources
https://slowfil.es/
Added 4 years ago
window.location Cheatsheet | SamanthaMing.com
https://www.samanthaming.com/tidbits/86-window-location-cheatsheet/
The window.location object can be used to get information on the current page address (URL). You can also use its method to do a page redirect or refresh...
Added 4 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