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
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
