Skip to content

Instantly share code, notes, and snippets.

View stevekinney's full-sized avatar

Steve Kinney stevekinney

View GitHub Profile
[
{
"currency": "Albania Lek",
"abbreviation": "ALL",
"symbol": "Lek"
},
{
"currency": "Afghanistan Afghani",
"abbreviation": "AFN",
"symbol": "؋"
export const processImages = () => {
return {
name: 'markdown-image-optimization',
/**
* @param {object} options
* @param {string} options.content
* @param {string} options.filename
*/
markup: ({ content, filename }) => {
if (!filename.endsWith('.md')) return;
@stevekinney
stevekinney / runes.md
Created February 18, 2024 22:41
A fun little utility that I'm looking forward to using in Svelte 5.

Here is a cool thing we can do in Svelte 5 with Runes. Let's say we make a little utility type like this:

type Holocene<T> = T extends { extends: keyof SvelteHTMLElements }
	? Omit<Partial<SvelteHTMLElements[T['extends']]>, keyof T> & Omit<T, 'extends'>
	: T;

Now, we can pass an extends key to the type we give to the props of a component and it will automatically inherit whatever HTML element we choose.

@stevekinney
stevekinney / web-performance.md
Last active January 31, 2024 14:23
Web Performance Workshop

Web Performance

Requirements

Repositories

1959-09-07
1998-08-18
14*08*1986
21*11*1978
06#76#03
02#76#13
03#29#14
06*06*1970
09#51#03
1969-09-21
import {
condition,
defineQuery,
defineSignal,
proxyActivities,
setHandler,
sleep
} from '@temporalio/workflow';
import OrderStatus, { formatStatus } from '../utilities/status';
@stevekinney
stevekinney / front-end-curriculum.md
Created August 9, 2015 00:47
Front-end Curriculum Draft

Module 1

  • Semantic markup
  • HTML standards mode and quirks mode
  • HTML fundamentals
    • Classes and IDs
  • CSS fundamentals
    • Selectors
    • Resets and normalizers
    • The box model