Resources for Making Websites
HTML & CSS Resources
- Mozilla Developer Network - my favorite resource for any info on HTML, CSS, or JavaScript
- Flexbox Reference - my favorite way to lay out a page
- web zine 01 by Zach Mandeville - a fun zine that provides an intro to HTML and making websites
CSS Goodies
- Tailwind - a CSS framework that provides lots of base utility classes
- CSS Background Patterns - geometric patterns in pure CSS
- WebGradients - a selection of nice gradient color palettes
- CSS Gradient Animator - generate the CSS to make a gradient move
Tools
- tinytools.directory - a collection of fun, open-source tools for various tasks. focused on gamedev but includes things relevant to webdev
- Dithermark - dither your images
- Dither it! - another tool for dithering images
- Color Contrast Checker - make sure the colors you're using produce readable text
Free Images
Photography & Vectors
- Unsplash - photography under the Unsplash License (adjacent to Creative Commons)
- Pexels - free to use photography
- Vecteezy - has vector graphics options, mostly free
- The Noun Project - lots of icons, most seem to be CC-BY
- Feather Icons - open-source (MIT license) icons for UIs
Art
- Getty Museum Open Access Collection - public domain historical art
- National Gallery of Art - public domain historical art, can't filter by license but most of it seems to be CC0
- Smithsonian Open Access - public domain historical art & documents
Patterns
- Subtle Patterns - patterns for backgrounds & general texture work
Fonts
- FontPair - browse curated pairs of Google fonts
- Velvetyne - typography collective with cool open-source fonts, use with credit
- Use & Modify - funky collection of open-source fonts
- FontSquirrel - large variety of free fonts
- Transfonter - convert font files to ones usable on the web