6.7 KiB
+++ 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 (Open source alternative to Google Analytics.)
Assets
Favicons
Icons
Illustrations
- manypixels
- IRA Design
- Humaaans (Library for Figma, XD, etc.)
- undraw
Stock Images
SVG
Placeholder Images
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
Frameworks and Libraries
CSS
JavaScript
Maps
- Mapbox (Open source alternative to Google Maps)
- Snazzy Maps (Styles for Google Maps)
PHP
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 (Node.js based tool for optimizing SVG vector graphics files)
- Hex RGBA to Proper RGBA
- Lets Encrypt
- Neumorphism/Soft UI CSS shadow generator
Fake User Generators
Gradients
API Directories
CSS Animations
Colour Palettes
Maps
- Snazzy Maps (Free Styles for Google Maps)
Validators
- Google Mobile Friendly Test
- PageSpeed Insights
- The W3C CSS Validation Service
- The W3C Markup Validation Service
- Website Speed test
Telemetry
Search Engines
- Picular (Search engine for colours)
- Symbol Hound (Programming search engine)
Hosting
Content Management Systems
WordPress
- Fakerpress
- Plugin Update Checker
- Simba Plugin Updates Manager
- Underscores (WordPress starter theme)