hugo-blog/content/posts/developer-resources.md

+++ date = 2020-05-02T12:39:54+01:00 title = "My Developer Resources" description = "The best resources you never knew you forgot. You won't believe number 9!" tags = ["Resources", "Assets"] categories = ["Development"] featured_image = "/images/undraw-02.svg" +++

Yesterday I discovered the excellent unDraw. Apparently, it's been around for quite a few years now.

Anyway, after a little 'how did I not know about this earlier?' moment and a quick investigation, it was bookmarked and, with a determination not to completely forget about it within minutes as I usually do, I happily went about my day.

It's now one day later and I just so happen to be starting a little personal web project of mine. And what would be the perfect little touch to start it off with? That's right, a nice little vector illustration.

{{< figure src="/images/undraw-01.svg" alt="A stylised illustration of a developer sitting alongside a huge laptop." class="medium"

}}

So, I go to find the bookmark and it turns out, there's two bookmarks. Exactly the same. So, I did know about this site. For how long? Who knows. I haven't got the best memory so it could reasonably be anywhere from a month or two, to years.

And, I'm fairly certain it's not the only duplicate in there ...

Anyway, the point of all this rambling? It's about time I did something and that's where this post comes in.

My resource 'Hall of Fame' if you will. A place to memorialise the less used, but nonetheless worthy resources of mine. Never again, to be lost in the annals of time.

Probably not too much use to anyone else, but just the thing for me.

Analytics

• Open Web Analytics – an open source alternative to Google Analytics.

Assets

Favicons

• Favicon Generator

Icons

• Iconify

Illustrations

• manypixels
• IRA Design
• Humaaans – a library for Figma, XD, etc.
• undraw

Stock Images

• Librestock
• Pexels
• Pixabay
• Unsplash

SVG

• SVG Wave Generator

Placeholder Images

• Placeholder.com

Public Domain Assets

• Creative Commons
• Flicker - British Library Albums
• Internet Archive
• Public Domain Archive
• Public Domain Photos
• Wikimedia Commons

Design

• Colors and Fonts – a curated library of colors and fonts for digital designers and web developers.
• Figma

Fonts

• Google Fonts

Frameworks and Libraries

CSS

• Bulma
• Pure

Classless CSS

• Drop-in Minimal CSS
• CSS Bed

JavaScript

• Loopback
• Nodemailer
• ScrollMagic
• Socket.io

Maps

• Mapbox – an open source alternative to Google Maps.
• Snazzy Maps – styles for Google Maps.

PHP

• PHPmailer

Reference

• A big list of naughty strings
• HTML Ampersand Character Codes
• HTML Symbols
• TL;DR Legal – software licences in plain English.

Tools

• Can I Use
• Base64 Encoder/decoder
• GitHub - svg/svgo – a Node.js based tool for optimizing SVG files.
• Hex RGBA to Proper RGBA
• Lets Encrypt
• Neumorphism/Soft UI CSS shadow generator

Fake User Generators

• Fake Name Generator
• Fake Number Generator
• Faker
• Random User Generator

Gradients

• Gradient Finder
• UI Gradients

API Directories

• ProgrammableWeb
• The Open Source Discovery Service

CSS Animations

• Animista
• cubic-bezier.com
• Easing Functions Cheat Sheet

Colour Palettes

• Adobe Color CC
• Coolors.co
• Degreave Color Palette Generator
• Paletton

Validators

• Google Mobile Friendly Test
• PageSpeed Insights
• The W3C CSS Validation Service
• The W3C Markup Validation Service
• Website Speed test

Telemetry

• builtwith.com
• WordPress Theme Detector
• What WordPress Theme Is That?

Search Engines

• Picular – a search engine for colours.
• Symbol Hound – a programming search engine.

Hosting

• Cloudways
• Netlify

Content Management Systems

• Octobercms

WordPress

• Fakerpress – generate fake user data.
• Plugin Update Checker
• Sage – a WordPress starter theme.
• Simba Plugin Updates Manager
• Underscores – a WordPress starter theme.