A list of useful resources for building things on the web

Colors

• Palettes generator
• Palettes generator by armony
• Data visualization palette generator
• Find closest accessible color
• Apply color over palette
• Muzli Search
• Dribbble by color
• 49 three colors palettes
• Find colors that inspire a certain word
• Generate success-info-warning-error colors from a primary color
• Visualize in a matrix the color constrast of your palette

Development

• All about Cache-Control headers
• How to style a select HTML element
• List of services that provide free tiers
• How do CSS font metrics work

Blockchain

• Generate ABI-encoded data for function calls

Extensions

• Visualize the headings of a page
• Take a full page screenshot
• Modify HTTP headers on the fly
• Pick a color from a website
• Identify font family on a website

Free fonts

• FontSquirrel
• Google Fonts
• Open Foundry
• The League of Moveable Type
• Free Design Resources
• Awwwards

Free media

• Mixkit
• Unsplash
• Pexels

Free icons

• Feather Icons
• Hero Icons
• SF-Symbols

Generators

• SVG design assets generator
• Responsive image breakpoints
• README badges
• Eased gradients
• Favicon
• CSS Shadows
• Duotone images
• Optimize SVG
• Optimize images
• Instagram grid maker
• Remove background of images
• Google Sheets to JSON

UX & UI

• Free UI kits
• Checklists for design

Branding

• Biggest logo inspiration book
• Sizes of all images for social media