rayelliott
/
hugo-blog
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
This repository has been archived on 2020-10-30. You can view files and clone it, but cannot push or open issues or pull requests.
hugo-blog/dist/blog/posts/developer-resources/index.html

296 lines
11 KiB
HTML
Raw Normal View History

publish
2020-05-02 18:51:20 +00:00
<!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&#39;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&#39;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&#43;kMhcXtJqT&#43;vhdjWjAIxnfI1OKKY=" crossorigin="anonymous" media="screen" />
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/coder-dark.min.4576662ffc1992d4351f2d28cb6133c9ec1dd1224902f61354c10a3ff884fab0.css" integrity="sha256-RXZmL/wZktQ1Hy0oy2Ezyewd0SJJAvYTVMEKP/iE&#43;rA=" crossorigin="anonymous" media="screen" />
<link rel="stylesheet" href="https://rayelliott.dev/blog/css/main.min.496bd1a1cda9398092c366ca93678163ebe82767b0133b9f6d81e63865beb9b7.css" integrity="sha256-SWvRoc2pOYCSw2bKk2eBY&#43;voJ2ewEzufbYHmOGW&#43;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&#43;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&rsquo;s been around for quite a few years now.</p>
<p>Anyway, after a little &lsquo;how did I not know about this earlier?&rsquo; 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&rsquo;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&rsquo;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&rsquo;s two bookmarks. Exactly the
same. So, I did know about this site. For how long? Who knows. I haven&rsquo;t got the
best memory so it could reasonably be anywhere from a month or two, to years.</p>
<p>And, I&rsquo;m fairly certain it&rsquo;s not the only duplicate in there &hellip;</p>
<p>Anyway, the point of all this rambling? It&rsquo;s about time I did something
and that&rsquo;s where this post comes in.</p>
<p>My resource &lsquo;Hall of Fame&rsquo; 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&amp;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>