296 lines
11 KiB
HTML
296 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="author" content="Ray Elliott">
|
|
|
|
|
|
|
|
<meta name="twitter:card" content="summary"/>
|
|
<meta name="twitter:title" content="My Developer Resources"/>
|
|
<meta name="twitter:description" content="The best resources you never knew you forgot. You won't believe number 9!"/>
|
|
|
|
<meta property="og:title" content="My Developer Resources" />
|
|
<meta property="og:description" content="The best resources you never knew you forgot. You won't believe number 9!" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:url" content="https://rayelliott.dev/blog/posts/developer-resources/" />
|
|
<meta property="article:published_time" content="2020-05-02T12:39:54+01:00" />
|
|
<meta property="article:modified_time" content="2020-05-02T12:39:54+01:00" />
|
|
|
|
|
|
|
|
<base href="https://rayelliott.dev/blog/posts/developer-resources/">
|
|
|
|
<title>
|
|
My Developer Resources · RayElliottDev
|
|
</title>
|
|
|
|
|
|
<link rel="canonical" href="https://rayelliott.dev/blog/posts/developer-resources/">
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700%7COpen+Sans:600,700%7CSource+Code+Pro:600%7CMaterial+Icons+Outlined" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/coder.min.d0f8d928e22aac34ea1b9c7e90c85c5ed26a4febe17635a3008c677c8d4e28a6.css" integrity="sha256-0PjZKOIqrDTqG5x+kMhcXtJqT+vhdjWjAIxnfI1OKKY=" crossorigin="anonymous" media="screen" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/coder-dark.min.4576662ffc1992d4351f2d28cb6133c9ec1dd1224902f61354c10a3ff884fab0.css" integrity="sha256-RXZmL/wZktQ1Hy0oy2Ezyewd0SJJAvYTVMEKP/iE+rA=" crossorigin="anonymous" media="screen" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/main.min.496bd1a1cda9398092c366ca93678163ebe82767b0133b9f6d81e63865beb9b7.css" integrity="sha256-SWvRoc2pOYCSw2bKk2eBY+voJ2ewEzufbYHmOGW+ubc=" crossorigin="anonymous" media="screen" />
|
|
|
|
|
|
|
|
<link rel="icon" type="image/png" href="https://rayelliott.dev/images/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="https://rayelliott.dev/images/favicon-16x16.png" sizes="16x16">
|
|
|
|
<meta name="generator" content="Hugo 0.69.2" />
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body class="page developer-resources colorscheme-auto">
|
|
<main class="wrapper">
|
|
<nav class="navigation">
|
|
<section class="container">
|
|
<a class="navigation-title" href="https://rayelliott.dev/blog/">
|
|
RayElliottDev
|
|
</a>
|
|
|
|
<span class="primary-menu-item">
|
|
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/posts/">Posts</a>
|
|
|
|
</span>
|
|
<input type="checkbox" id="menu-toggle" />
|
|
<label class="menu-button float-right" for="menu-toggle"><svg class="svg-menu" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
|
|
</svg>
|
|
</label>
|
|
<ul class="navigation-list">
|
|
|
|
|
|
<li class="navigation-item">
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/posts/">Posts</a>
|
|
</li>
|
|
|
|
<li class="navigation-item">
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/about/">About Me</a>
|
|
</li>
|
|
|
|
<li class="navigation-item">
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/categories/portfolio/">Portfolio</a>
|
|
</li>
|
|
|
|
<li class="navigation-item">
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/categories/">Categories</a>
|
|
</li>
|
|
|
|
<li class="navigation-item">
|
|
<a class="navigation-link" href="https://rayelliott.dev/blog/tags/">Tags</a>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</section>
|
|
</nav>
|
|
|
|
|
|
<div class="content">
|
|
|
|
<section class="container post">
|
|
<article>
|
|
<header>
|
|
<div class="post-title">
|
|
<h1 class="title">My Developer Resources</h1>
|
|
</div>
|
|
<div class="post-meta">
|
|
<div class="meta-tag posted-on">
|
|
<span class="icon svg-icon"><svg viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M7,12H9V14H7V12M21,6V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2H18V4H19A2,2 0 0,1 21,6M5,8H19V6H5V8M19,20V10H5V20H19M15,14V12H17V14H15M11,14V12H13V14H11M7,16H9V18H7V16M15,18V16H17V18H15M11,18V16H13V18H11Z" />
|
|
</svg>
|
|
|
|
</span>
|
|
<time datetime='2020-05-02T12:39:54+01:00'>
|
|
May 2, 2020
|
|
</time>
|
|
</div>
|
|
<div class="meta-tag reading-time">
|
|
<span class="icon svg-icon"><svg viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
|
|
</svg>
|
|
|
|
</span>
|
|
2-minute read
|
|
</div>
|
|
<div class="taxonomy">
|
|
<a class="meta-tag meta-tag--link" href="https://rayelliott.dev/blog/categories/development/">
|
|
<span class="icon svg-icon"><svg viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" />
|
|
</svg>
|
|
</span>
|
|
Development
|
|
</a>
|
|
<a class="meta-tag meta-tag--link" href="https://rayelliott.dev/blog/tags/resources/">
|
|
<span class="icon svg-icon"><svg viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z" />
|
|
</svg>
|
|
</span>
|
|
Resources
|
|
</a><a class="meta-tag meta-tag--link" href="https://rayelliott.dev/blog/tags/assets/">
|
|
<span class="icon svg-icon"><svg viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z" />
|
|
</svg>
|
|
</span>
|
|
Assets
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div>
|
|
|
|
<img class="featured-image" src='https://rayelliott.dev/blog/images/undraw-02.svg' alt="Featured image"/>
|
|
|
|
<p>Yesterday I discovered the excellent <a href="https://undraw.co">unDraw</a>. Apparently,
|
|
it’s been around for quite a few years now.</p>
|
|
<p>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.</p>
|
|
<p>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.</p>
|
|
<figure class="medium">
|
|
<img src="https://rayelliott.dev/blog/images/undraw-01.svg"
|
|
alt="A stylised illustration of a developer sitting alongside a huge laptop."/>
|
|
</figure>
|
|
|
|
<p>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.</p>
|
|
<p>And, I’m fairly certain it’s not the only duplicate in there …</p>
|
|
<p>Anyway, the point of all this rambling? It’s about time I did something
|
|
and that’s where this post comes in.</p>
|
|
<p>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.</p>
|
|
<p>Probably not too much use to anyone else, but just the thing for me.</p>
|
|
<h2 id="assets">Assets</h2>
|
|
<h3 id="stock-images">Stock Images</h3>
|
|
<ul>
|
|
<li><a href="https://unsplash.com/">Unsplash</a></li>
|
|
<li><a href="https://pexels.com">Pexels</a></li>
|
|
</ul>
|
|
<h3 id="illustrations">Illustrations</h3>
|
|
<ul>
|
|
<li><a href="https://undraw.co">unDraw</a></li>
|
|
<li><a href="https://www.manypixels.co/gallery/?page=1&style=image">manypixels</a></li>
|
|
<li><a href="https://iradesign.io/">IRA Design</a></li>
|
|
<li><a href="https://www.humaaans.com/">Humaaans</a> (Library for Figma, XD, etc.)</li>
|
|
</ul>
|
|
<h3 id="placeholder-images">Placeholder Images</h3>
|
|
<ul>
|
|
<li><a href="https://placeholder.com/">Placeholder.com</a></li>
|
|
</ul>
|
|
<h2 id="analytics">Analytics</h2>
|
|
<ul>
|
|
<li><a href="http://www.openwebanalytics.com/">Open Web Analytics</a> (Open source
|
|
alternative to Google Analytics.)</li>
|
|
</ul>
|
|
<h2 id="maps">Maps</h2>
|
|
<ul>
|
|
<li><a href="https://www.mapbox.com/">Mapbox</a> (Open source alternative to Google Maps)</li>
|
|
<li><a href="https://snazzymaps.com/">Snazzy Maps</a> (Styles for Google Maps)</li>
|
|
</ul>
|
|
<h2 id="design">Design</h2>
|
|
<ul>
|
|
<li><a href="https://www.figma.com">Figma</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
</article>
|
|
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<section class="container">
|
|
|
|
|
|
|
|
© 2020
|
|
|
|
Ray Elliott
|
|
|
|
|
|
<span id="cs-mode-container" class="cs-mode-container">
|
|
[<button type="button" id="cs-mode-button" class="cs-mode-button">Dark Mode: <span id="cs-mode-button-state" class="cs-mode-state">Light</span></button>]
|
|
</span>
|
|
|
|
</section>
|
|
</footer>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
<script src="https://rayelliott.dev/blog/js/script.js"></script>
|
|
<script>
|
|
|
|
var owa_baseUrl = 'https://owa.isnet.uk/';
|
|
var owa_cmds = owa_cmds || [];
|
|
owa_cmds.push(['setSiteId', '9010bbc622d7c2514fd73db73f05d89c']);
|
|
owa_cmds.push(['trackPageView']);
|
|
owa_cmds.push(['trackClicks']);
|
|
|
|
(function() {
|
|
var _owa = document.createElement('script'); _owa.type = 'text/javascript'; _owa.async = true;
|
|
owa_baseUrl = ('https:' == document.location.protocol ? window.owa_baseSecUrl || owa_baseUrl.replace(/http:/, 'https:') : owa_baseUrl );
|
|
_owa.src = owa_baseUrl + 'modules/base/js/owa.tracker-combined-min.js';
|
|
var _owa_s = document.getElementsByTagName('script')[0]; _owa_s.parentNode.insertBefore(_owa, _owa_s);
|
|
}());
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|