Useful Tools/Extensions/Sites
Design Tools
- Canva
- Color Scheme Generator
- Subtle Patterns
- Virtual whiteboard for sketching hand-drawn like diagrams
- HTML Color Names
- Interface design tool
- InkSpace: Vector Graphics Tool
- Blob Maker
- CSS Clip Path Maker
- Clip Path Generator
- Fancy Border Radius
- CSS Gradient
- CSS Drop sahdow effects
- Wave transitions
- color scheme generators
- PALX: AUTOMATIC UI COLOR PALETTE GENERATOR
Free Photos, Videos & Illustrations
- Pixabay
- Freepik
- Open-source illustrations
- Pexels
- The Noun Project - Free icons and photos
- DrawKit - Free illustrations
Emojis
Working with Images
- https://placeholder.com/
- https://placekitten.com/
- Open Peeps: A hand-drawn illustration library
- SVGOMG - SVG Optimizer
- SVG Path Visualizer
Photo editing
Animations
Avatars:
CSS Buttons
CSS Box Shadow
CSS Calculator
CSS Grid & Flexbox
Lorem Ipsum
- Loripsum
- Lorem Picsum - The Lorem Ipsum for photos
Website traffic and performance
Responsiveness
Online Video Maker
In-browser Markdown editor
Fake Data Generation
Wireframes
Mindmaps
Which Key
Screenshots with JavaScript
DNS
Chrome extensions
- JSON Viewer
- EditThisCookie
- ModHeader
- Omnibug
- React Developer Tools
- Allow Right-Click
- Debugger for Adobe Analytics
- Vysor
- Tidy Gherkin
VS Code Extensions:
- Cucumber (Gherkin) Full Support
- ESLint
- Debugger for Chrome
- GitLens - Git supercharged
- GraphQL
- JavaScript(ES6) code snippets
- Markdown Preview Enhanced
- Markdown Shortcuts
- Open in Default Browser
- Prettier-Code formatter
- React Native Tools
- Tabnine Autocomplete AI
- Theme - Oceanic Next
- Import Cost