Skip to content

Instantly share code, notes, and snippets.

View ryanmr's full-sized avatar

Ryan Rampersad ryanmr

30 followers · 7 following
View GitHub Profile
@ryanmr
ryanmr / example.html
Created February 27, 2024 19:36
an example of css modules vs tailwind; why not both in some cases?
<template>
<div class="app-wrapper">
<app-header></app-header>
<main class="main-content">
<slot></slot>
</main>
<app-footer></app-footer>
@ryanmr
ryanmr / index.js
Last active June 10, 2023 02:03
# https://www.npmjs.com/package/string-width 87,290,385 weekly downloads
# vs
# https://www.npmjs.com/package/string-width-cjs 64 weekly downloads
@ryanmr
ryanmr / tailwind_generated_2.css
Created January 25, 2023 03:02
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:before,
:after {
@ryanmr
ryanmr / tailwind_generated.css
Created January 25, 2023 02:56
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
:before,
:after {
@ryanmr
ryanmr / test.md
Last active July 15, 2022 22:44

this is a header

<picture>
  <source srcset="/large.jpg"
          media="(prefers-color-scheme: dark)">
  <source srcset="/small.jpg"
          media="(prefers-color-scheme: light)">
  <img src="/large.jpg" />
@ryanmr
ryanmr / yml.js
Created May 16, 2022 22:06
const YAML = require("yaml");
const data = {
overview: {
str: "this is a string",
num: 5,
},
};
const yml = YAML.stringify(data, {
@ryanmr
ryanmr / convertvideo.sh
Created November 19, 2021 16:19
#!/bin/bash
# A sample Bash script, by Ryan
DT=$(date '+%Y-%m-%d-%H%M%S')
OUTPUT_NAME="converted-$DT.mp4"
OUTPUT_FOLDER=$(dirname "$1")
OUTPUT_PATH="$OUTPUT_FOLDER/$OUTPUT_NAME"
echo "converting input video $1 to $OUTPUT_NAME mp4"
@ryanmr
ryanmr / Super Save.py
Created September 29, 2021 13:49
from datetime import date
import random
import sublime_plugin
def callback(s):
print('saved: ', s)
class SuperSaveCommand(sublime_plugin.TextCommand):
def run(self, edit):
self.view.insert(edit, 0, "saving all the files")
@ryanmr
ryanmr / snowpack-app-with-tailwind.md
Created September 27, 2021 16:29

Following the steps documented to get tailwind to work with snowpack, nothing happens.

My script uses npm-run-all as an intermediate parallel or sequential step to handle tailwind.

  "scripts": {
    "tailwind:start": "postcss ./public/tailwind.css -o ./public/tailwind.include.css -w",
    "tailwind:build": "postcss ./public/tailwind.css -o ./public/tailwind.include.css --env production",
    "snowpack:start": "snowpack dev",
 "snowpack:build": "snowpack build",
@ryanmr
ryanmr / gist:e21b42cc106bdb82830845bf63be45d2
Created September 24, 2021 16:37
select elements inside of shadow root - Google Search
Better History - Chrome Web Store
Better History - Chrome Web Store
chrome better history - Google Search
make pr draft pr - Google Search
run stage if azure piepelines - Google Search
azure pipelines only dev - Google Search
github foot notes - Google Search
macos get number of windows open - Google Search
strapi - Google Search