Tools for Web Development

Web Linter

• DebugBear
  • Web performance testing
    • NoScript test
    • Speed test
    • HTML/JSON/CSS Size Analyzers
    • SEO Checker
• PageSpeed Insights by web.dev

CSS

• ReliCSS
  • what legacy browser hacks can go, what repeated values should probably be tokens, and where duplicate declarations are adding noise.
• Lighthouse
  • Automated auditing, performance metrics, and best practices for the web.
• Cheatsheets
  • CSS Flexbox & CSS Grid

Resets

• Modern CSS Reset by Elly
• A Modern CSS Reset by Josh Comeau
• My Modern CSS Reset by Jake Layaroff

Color

• OKPalette
  • extracts beautiful color palettes from images
• DittoTones
  • A mini-library to transform any color into a full color ramp, based on the perceptual “DNA” of any design system.
• Pro Color Harmonies
  • generating color palettes based on various color theory principles
• P4*LETTE
• RYBitten
  • Digital colors, fresh off the press.
• Palette Inspiration
  • Explore color palettes extracted from thousands of masterworks - from Renaissance elegance to Impressionist light.

Icons

• Cool Symbols

Images

• Dither Image Online