The last modifications of this post were around 2 years ago, some information may be outdated!
Tools for Web Dev
- appium — Automation for Apps (used to testing UX on different devices, more exact than Browser Inspector).
- Facebook Sharing Debugger tool — check if your urls display correctly or not on facebook.
- Fontello — make an icon as a font (there are also Awesomefont).
- BestFonts.pro — Free fonts for WEB and Photoshop (may be illegal).
- google-webfonts-helper — A Hassle-Free Way to Self-Host Google Fonts — giving us font files and font-face declarations based on the fonts, charsets, styles, and browser support you select.
- Happy Hues — Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
- HTML characters: copy & paste HTML characters.
- Regular Expression 101 — rules and transform directly.
- RequestBin — A modern request bin to collect, inspect and debug HTTP requests and webhooks.
- Responsively -- A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
- Tiny helpers — A collection of free single-purpose online tools for web developers.
- Wayback mahine — an internet archive (to check old/dead websites).
- Webfont Generator
👉 Note: Illustration tools.
- For drawing / illustrating:
- Chart.js — Open source HTML5 Charts for your website.
- Excalidraw — Virtual whiteboard for sketching hand-drawn like diagrams.
- Two.js — a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
- Zdog — Round, flat, designer-friendly pseudo-3D engine for canvas and SVG.
- For visualizing data:
- Matter.js — a 2D physics engine for the web.
- Text & Editor: