Online Resources

A list of online resources I found that may be useful for web designers. Perhaps others can add to this list.

Color: Colorion http://www.colorion.co/
Color: Color Hunt http://colorhunt.co/
Color: ColorBlender http://www.colorblender.com/
Color: COLOURlovers http://www.colourlovers.com/
Color: Coolors - Material Golor Generator https://coolors.co/
Color: Flat UI Colors http://flatuicolors.com/
Color: Pantone Colors http://pantonecolors.org/
Color: Paletton http://paletton.com/

eCommerce: Clover Donations https://www.cloverdonations.com/
eCommerce: ecwid http://www.ecwid.com/
eCommerce: Gumroad https://gumroad.com/
eCommerce: Stripe https://stripe.com/

Fonts: Base64 Encoder File To Base64 Encoder | Convert any file | GiftOfSpeed
Fonts: Create Font from SVG (Glyphter) https://glyphter.com/
Fonts: DMS “Highway Gothic” Highway Gothic Font | dafont.com
Fonts: Font Squirrel http://www.fontsquirrel.com/fontface/generator
Fonts: Font Subsetter Font Subsetter
Fonts: FontSpace http://www.fontspace.com/
Fonts: modulator | metaflop modulator | metaflop
Fonts: Orchard Title “Oregon” Oregon LDO Font | Luke Owens | FontSpace
Fonts: Proxima Nova http://www.thewildblogger.com/2014/05/download-proximanova-museo-slab500-free.html
Fonts: Web Font Generator (like FontSquirrel | Use base64) https://web-fontgenerator.com/
Fonts: WOFF Font Converter https://andrewsun.com/projects/woffjs/woffer-wofffont-converter/

Graphics: Compressor.io | Compress SVGs Compressor.io - optimize and compress JPEG photos and PNG images
Graphics: Delaunay Triangulations http://labs.vieron.net/delaunay-triangulations/
Graphics: DPI love :heart: Find the DPI/PPI http://dpi.lv/
Graphics: Hero Patterns (SVGs) http://www.heropatterns.com/
Graphics: SVGOMG - Clean SVG SVGOMG - SVGO's Missing GUI
Graphics: SVG Tools 20 Free SVG Tools for Better Graphics (Updated) - Hongkiat
Graphics: Trianglify Vector Generator Trianglify.io · Low Poly Pattern Generator
Graphics: Triangulate Images - Low Poly Image Triangulation

How-to: Markdown Syntax Simplpost Markdown Syntax Guide and Examples

Icons: Captain Icon - Hand Drawn Style Captain Icon
Icons: Font Awesome https://fortawesome.github.com/Font-Awesome/
Icons: flaticon http://www.flaticon.com/
Icons: Entypo http://www.entypo.com/
Icons: Free Vector Icons http://vectoricons.org/
Icons: IcoMoon App IcoMoon App - Icon Font, SVG, PDF & PNG Generator
Icons: iconmelon http://iconmelon.com/
Icons: iconmonstr http://iconmonstr.com/
Icons: ionicons http://ionicons.com/
Icons: Icon Converter http://iconverticons.com/online/)
Icons: Nasty Icons http://www.nastyicons.com/
Icons: Favicon Generator http://realfavicongenerator.net
Icons: Favicon Generator, X-Icon http://www.xiconeditor.com/
Icons: IKONS - 300 Free Vector Icons http://ikons.piotrkwiatkowski.co.uk/
Icons: Typicons - Like FontAwesome http://www.typicons.com/more/how-to-usetypicons/

Miscellaneous: A Log List with Various Resource Types

Patterns: Subtle Patterns http://subtlepatterns.com/

SEO: Google AdWords Keyword Planner Google Ads - Get More Customers & Generate Leads with Online Ads
SEO: Headline Analyzer Write Better Headlines: Headline Analyzer From CoSchedule
SEO: Keyword Density Analyzer Tool http://tools.seobook.com/general/keyworddensity/
SEO: Keyword Tool http://keywordtool.io/
SEO: Nibbler http://nibbler.silktide.com/
SEO: SEMrush https://www.semrush.com/
SEO: SimilarWeb http://www.similarweb.com/
SEO: Ubersuggest http://ubersuggest.org/
SEO: Varvy Tools for Google Webmaster Guidelines Google core web vitals - Full Service Internet Marketing Company & Internet Marketing Tools
SEO: Website Speed Test Website Speed Test | Pingdom Tools

Software: ImageOptim (Compression) http://imageoptim.com/
Software: MAMP Local Server http://www.mamp.info/en/index.html
Software: AMPPS Local Server (Free) http://www.ampps.com

Stock Images: Design Shock (Vectors) http://www.designshock.com/
Stock Images: FindA.Photo http://finda.photo/
Stock Images: Gratisography http://www.gratisography.com/
Stock Images: List of Free Resources http://blog.bufferapp.com/free-imagesources-list
Stock Images: Makerbook http://makerbook.net/
Stock Images: NASA Galleries NASA Images | NASA
Stock Images: New Old Stock http://nos.twnsnd.co/
Stock Images: New York Public Library http://digitalcollections.nypl.org/
Stock Images: Pexels http://www.pexels.com/
Stock Images: photodune http://photodune.net/
Stock Images: picjumbo https://picjumbo.com/
Stock Images: Pixabay https://pixabay.com/
Stock Images: Pixeden http://www.pixeden.com/
Stock Images: Unsplash https://unsplash.com/
Stock Videos: coverr (Free Videos) http://www.coverr.co/

19 Likes

Thanks Flashman :+1:

Nice collection :grin:

Very helpful! Thanks @Flashman for collecting it :slight_smile:

Interesting stuff, good share

The MotherLoad. Great stuff in there. Thanks.

@Flashman Thank you for this list, it’s well researched. Would be great to update it from time to time with upcoming resources.

Everybody is welcome to add posts below with new resources. My original idea was for the forum to have a page dedicated to resources.

Awesome list! Thank you! I’d like to contribute with one I like for creating web-friendly sized videos, for those who shoot their own and would like to reduce the sizes for your page backgrounds, etc. I didn’t see it listed:

Software: Handbrake (open source, free): https://handbrake.fr/

Thank you. :slight_smile:

This is an online scan to check and grade your SSL implementation SSL Server Test (Powered by Qualys SSL Labs)

https://redbot.org is great for checking header info being sent out by your server for your domain.

I think we need a proper wiki for resources where we can all contribute.

1 Like

If you want to quickly check links on your Blocs page you can use this simple site: http://www.brokenlinktest.com/

Superbe - Thanks a lot for your efforts :+1: