This is a compilation of the websites, plugins and apps I use to design and develop a website.
Websites
Color Design
Patterns and Textures
Typography
Fonts
Icons
Stock Photos
WordPress
Responsiveness
General Resources
Applications
Wireframing and Design
Plugins
- Paletton (Palette chooser and generator, provides examples)
- Coolors (Color scheme generator, Color blindness modes)
- COLOURlovers (Premade palettes and patterns)
- Pigment (Simple 2-color palette generator)
- Canva (Palette matched to Image)
- Colour Contrast Check
- Pattern 8 (Tons of patterns, search by color)
- Texture King (Tons of textures)
- Lost and Taken (Free texture stock photos)
- toptal Subtle Patterns
- UIGradients
- Type Scale (scales your text)
- Lipsum (Font generator)
- Font Awesome (Pro offers a lot)
- Iconfinder
- Flaticon
- Freepik
- Foter (free, tons)
- Pexels (free)
- Unsplash (free)
- Pixabay (free)
- Stock Vault (free)
- Death to Stock (unique images, $25/month)
- colorlib (templates, plugins)
- Theme Forest (themes, $16/month)
- Creative Market (regular freebies)
- imcreator
- Freebiesbug
- Wireframe.cc
- Adobe Xd (simple free app)
- Inkscape
- Adobe Photoshop
- InVision (pretty sweet)
- AdBlock
- axe (Accessibility testing in chrome dev tools)
- Web Developer (Toolbar with various web developer tools)
- JSON Viewer
- Keyframes (In-browser CSS Animation creator)
- Kontrast - WCAG Contrast Checker (meet contrast accessibility guidelines)
- Lighthouse (audits performance, accessibility, progressive web apps, and more)
- Sight (Syntax highlighter for Chrome)
- Stylus (Edit a site's CSS and create/implement themes)
- WhatFont (Identify fonts on web pages)
- React Developer Tools
The website with big collection of free textures: https://3djungle.net/textures/