Design & development resources

A curated collection of design and development resouces that I regularly use

Box Shadow Generator
A tool that generates CSS for smoother box shadows.
- Web Dev
Logo Lab
This tool puts your logo through various tests so you can easily see how it works in common accessibility situations
- Accessibility
- Branding
Adobe Color
Adobe's color tool. This is great for finding initial color combinations.
- Color
Real Time Colors
This is a color generator for websites. You can also set your font to see how it will all look on a website.
- Color
- Typography
- Web Dev
Shots.so
A great tool for creating mockups and aesthetic screenshots.
- Images
- Mockups
Localfonts
A tool to browse your locally installed typefaces similar to Adobe or other type websites.
- Typography
Lorem Ipsum Generators
This is a list of different styles of Lorem Ipsum which some offer better readability and understanding for clients.
- Content
- Lorem Ipsum
Checklist Design
A super helpful collection of checklists that you can incorporate into your project planning. Sometimes you don't know what you're forgetting, this helps.
- Planning