Skip to content

Instantly share code, notes, and snippets.

View mijustin's full-sized avatar

Justin Jackson mijustin

139 followers · 174 following
View GitHub Profile
@mijustin
mijustin / gist:ed2ec8f2be951a5e70919a350ebd86d4
Created August 15, 2019 23:55
Generating WebP images (with fallbacks) with Glide, for multiple viewports.
<div class="h-64 bg-cover relative">
<picture>
<source srcset="{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="1208" quality="60" format="webp" }} 1208w,
{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="604" quality="60" format="webp" }} 604w,
{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="302" quality="60" format="webp" }} 302w"
type="image/webp" sizes="50vw">
<source srcset="{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="1208" quality="60" }} 1208w,
{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="604" quality="60" }} 604w,
{{ glide src="assets/mess-podcast-studio-in-chicago.jpg" width="302" quality="60" }} 302w" type="image/jpeg"
sizes="50vw">
@mijustin
mijustin / laracon-2019-podcast.md
Last active July 29, 2019 13:44
Podcasts at Laracon 2019
@mijustin
mijustin / gist:586041a637ebea79d00a6202127e110b
Created June 7, 2019 23:15
Statamic stuff I want to save
<div class="text-center mt-12">
{{ post_content }}
{{ partial src="blocks/{type}" }}
{{ /post_content }}
</div>
<div class="flex">
<div class="w-1/2 bg-cover text-sm text-center p-3">
<a href="https://content.thisismess.com/">Mess Studios, Chicago</a>
</div>
@mijustin
mijustin / gist:716cd4785a112962a784307013d15b60
Created October 5, 2018 17:28
ConvertKit embed
<script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
<form action="https://app.convertkit.com/forms/757583/subscriptions" class="seva-form formkit-form" method="post" data-sv-form="757583" data-uid="fa700d235a" data-format="inline" data-version="5" data-options="{&quot;settings&quot;:{&quot;after_subscribe&quot;:{&quot;action&quot;:&quot;message&quot;,&quot;redirect_url&quot;:&quot;&quot;,&quot;success_message&quot;:&quot;Success! Now check your email to confirm your subscription.&quot;},&quot;return_visitor&quot;:{&quot;action&quot;:&quot;show&quot;,&quot;custom_content&quot;:&quot;&quot;},&quot;recaptcha&quot;:{&quot;enabled&quot;:false}}}" min-width="400 500 600 700 800"><div data-style="clean"><ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul><div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"><div class="formkit-field"><input class="formkit-input" aria-label="Your first name" name="fields[first_name]" placeholder="You
@mijustin
mijustin / tailwind-css-vs-code-snippet.md
Last active September 20, 2018 19:25
A User Snippet for Visual Studio Code for creating a HTML boilerplate for Tailwind CSS projects

Tailwind CSS - HTML boilerplate for Visual Studio Code

{
"Tailwind Boilerplate": {
	"prefix": "tail",
	"body": [
		"<!doctype html>",
		"<html lang='en'>",
@mijustin
mijustin / gist:cbd855d9fec17e429f74b392e20037ea
Created July 7, 2017 14:40
Eglon's newsletter
Hey it's Marc,
In the industrial age, everything was optimised for well-rounded
people. Factories needed well-rounded machinists and well-rounded accountants to do standardised jobs over an over. It was all about predictability and consistency and everything we created during that time was designed with that consistency in mind.
We standardised the working day, minimum wage, annual leave, the school curriculum, University degrees, lunch breaks, pensions, yada yada. What this meant was that everybody, even the top 5%, fell neatly into a normal distribution. In the US, they even called it 'the normal school'.
But in the post-normal world we're in now, we don't optimise for standardisation. We take care of that with automation and outsourcing (to those who are still stuck in the normal model).
Now we need deep interests and weird combinations of skills that make us stand out.
@mijustin
mijustin / whats-your-next-step.html
Created December 28, 2016 19:48
What's your next step?
<p> Hey {{ subscriber.first_name }}, </p>
<p>Two days ago I mentioned that the new <a href="http://devmarketing.xyz/" style="background-color: rgb(255, 255, 255); color: rgb(17, 85, 204); text-decoration: underline; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;">Marketing for Developers course</a> might be a good fit for you. Here's why Justin Abrahms liked it: </p>
<p style="margin-left: 20px;"><em><span style="color: rgb(209, 46, 46);">"I realized that I had some pretty big issues with my product marketing. This guide helped me avoid hours of wasted effort pushing a product without a plan."</span></em> </p>
<p>Right now, you can <a href="https://justinjackson.withcoach.com/marketing-for-developers?coupon=PRE-PURCHASE-DRIP">get $50 off</a> the regular price (don't share this link!). Here is the complete package with your discount applied:</span> </p>
<p> <strong>What you get:</strong> </p>
<p><a href="https://justinjackson.withcoach.com/marketing-for-developers?coupon=EARLY-ACCESS-NEWSLETTER"><
@mijustin
mijustin / Contract Killer 3 - Marketing Project.md
Last active April 25, 2016 22:24
The latest version of my ‘killer contract’ for web designers and developers

Contract Killer - Marketing Proposal

The popular open-source contract for web professionals by Stuff & Nonsense

  • Originally published: 23rd December 2008
  • Revised date: March 15th 2016
  • Original post
@mijustin
mijustin / CASL-SNIPPET-DIY-TEXT
Created May 9, 2014 21:07
CASL snippet for DIY text version
<mymailout:consent type="unknown">
Under Canada's new anti-spam legislation, we are required to ask you for your consent. You can withdraw consent at any time. Click here if you want to continue receiving these emails:
<mymailout:consentlink medium="text"></mymailout:consentlink>
</mymailout:consent>
@mijustin
mijustin / CASL-SNIPPET-DIY-HTML
Created May 9, 2014 21:06
CASL snippet for DIY HTML version
<mymailout:consent type="unknown">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="color:#ffffff; background:#00a7dc;" bgcolor="#00a7dc">
<tr>
<td align="center"><table align="center" width="630" class="wrapper" border="0" cellpadding="0" cellspacing="0" style="
color:#ffffff;
background:#00a7dc;" bgcolor="#00a7dc">
<tr>
<td colspan="3" height="15" style="font-size:0;line-height:0;">&nbsp;</td>
</tr>
<tr valign="top">