Skip to content

Instantly share code, notes, and snippets.

View craigerskine's full-sized avatar
🎮
UX Designer/Developer

Craig @qrayg craigerskine

🎮
UX Designer/Developer
30 followers · 7 following
View GitHub Profile
@craigerskine
craigerskine / legend-of-mana-events.html
Created January 20, 2022 00:02
Legend of Mana - Events
<!doctype html>
<html lang="en" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>LoM</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;400;700;900&amp;display=swap" rel="stylesheet" />
</head>
@craigerskine
craigerskine / xpand.html
Last active April 28, 2022 20:54
<!doctype html>
<html lang="en" class="bg-gray-300 dark:(bg(black opacity-90))" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>xpand</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="bg-gradient-to-b from-gray-50 to-gray-300 dark:(from-gray-800 to-transparent) bg-fixed text-gray-500">
@craigerskine
craigerskine / boilerplate.html
Last active September 15, 2021 14:38
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Unique page title - My Site</title>
<script type="module">
document.documentElement.classList.remove('no-js');
@craigerskine
craigerskine / request-tw-contrastcolor.html
Last active May 2, 2022 18:41
Contrast Color - Request for Tailwind CSS
<!doctype html>
<html lang="en" class="min-h-screen bg-gray-900 bg-fixed" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Contrast Color</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="min-h-screen text-contrast bg-gradient-to-b from-transparent via-transparent to-gray-800 bg-fixed">
@craigerskine
craigerskine / twind-vue.html
Last active August 5, 2022 16:36
Twind + Vue
<!doctype html>
<html lang="en" class="selection:(bg-gray-500 text-gray-50) motion-safe:(scroll-smooth)" hidden>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />
</head>
@craigerskine
craigerskine / es6-jquery-like-selector.html
Created August 4, 2020 14:25
ES6 - jQuery-like selector logic
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>ES6 - jQuery-like Selector + classList add/remove example</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
</head>
<body class="bg-gray-900 text-gray-600">
@craigerskine
craigerskine / tailwind-vars-1.3.5.css
Last active June 19, 2020 17:28
TailwindCSS v.1.3.5 with color variables and more gray grays
:root{
--color-black: #111;
--color-white: #FFF;
--color-gray-100: #F9FAFA;
--color-gray-200: #F0F2F3;
--color-gray-300: #E5E8EA;
--color-gray-400: #D1D4D8;
--color-gray-500: #A8ADB3;
--color-gray-600: #7A7F87;
--color-gray-700: #51545B;
@craigerskine
craigerskine / tailwind-vars.css
Created May 6, 2020 20:38
TailwindCSS v.0.7.4 with color variables
:root {
--color-black: #22292F;
--color-grey-darkest: #3D4852;
--color-grey-darker: #606F7B;
--color-grey-dark: #8795A1;
--color-grey: #B8C2CC;
--color-grey-light: #DAE1E7;
--color-grey-lighter: #F1F5F8;
--color-grey-lightest: #F8FAFC;
--color-white: #FFFFFF;
@craigerskine
craigerskine / _dropbox_node_prep.scpt
Last active December 21, 2023 19:40
Force Dropbox to truly ignore node_modules using Apple Script (macOS only)
# Prep dropbox to ignore 'node_modules' in a node project
# 1. Move this script to your node project root;
# 2. Delete the existing 'node_modules' folder;
# 3. Run this script;
# 4. `npm install` as normal;
# 5. Enjoy!
tell application "Finder"
set current_path to container of (path to me) as alias
make new folder at current_path with properties {name:"node_modules"}
@craigerskine
craigerskine / retroarch-recommendations-2022.md
Last active June 2, 2022 14:26
RetroArch recommended default emu/cores
Platform Core
Arcade FinalBurn Neo
Atari 2600 Stella
Atari 5200 Atari800
Atari 7800 ProSystem
Atari Jaguar Virtual Jaguar
Atari ST Hatari
Atari Lynx Beetle Lynx
Bandai WonderSwan Beetle Cygne