Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

David Miranda panphora

🎯
Focusing
97 followers · 60 following
View GitHub Profile
@panphora
panphora / reserved-words.txt
Created January 20, 2023 02:07
View reserved-words.txt
/*
DON'T ALLOW THESE USERNAMES IN YOUR APP
if you want to allow www.yourapp.com/{username}
here are the words you wouldn't want people to use
as their username
words followed by star (*) mean you don't want to
@panphora
panphora / convertkit-ajax.js
Created May 6, 2022 20:07
View convertkit-ajax.js
function addSubscriberToConvertKit ({firstName, email, formAction, onSuccess, onError}) {
fetch(formAction, {
method: "POST",
body: JSON.stringify({
"first_name": firstName,
"email_address": email
}),
headers: {
"Accept": "application/json",
"Content-Type": "application/json"
@panphora
panphora / mailchimp-ajax.js
Last active May 6, 2022 19:46
View mailchimp-ajax.js
function addSubscriberToMailChimp ({email, firstName, formAction, onSuccess, onError}) {
// Get url for mailchimp
let url = (formAction || "").replace('/post?', '/post-json?');
// add email and first name
url += `&EMAIL=${encodeURIComponent(email)}&FNAME=${encodeURIComponent(firstName)}`;
// Create & add post script to the DOM
let script = document.createElement('script');
script.src = url + "&c=mailchimpCallback";
@panphora
panphora / why-im-building-remake.md
Created January 1, 2022 18:19
Why I'm Building Remake
View why-im-building-remake.md

Why I'm Building Remake

I’m beyond frustrated with modern web development. It feels hyper-inefficient when it could be completely streamlined.

We currently use massively scalable tools from the biggest companies on earth to solve even the most basic problems. We’ve got infinitely nested component with jumbles of state being passed every which way, a new build tool or framework or best practice every week, and then we have to constantly switch contexts between 12+ disparate technologies just to get an app online.

There should be a simpler way for product-focused founders who want to solve user problems instead of spending all their time debugging their monster stack and gluing things back together.

What about the concept of a “web app object”? A dynamic object that looks like an HTML node but contains all the web app capabilities you need across the stack collapsed into a single primitive.

@panphora
panphora / estimation.md
Created December 17, 2021 22:52 — forked from davestewart/estimation.md
View estimation.md

Estimation

This document is an attempt to pin down all the things you don't think about when quoting for a project, and hopefully provide a starting point for some kind of framework to make quoting, working and delivering small-medium jobs more predictable and less stressful.

Quoting

The hardest bit of any job, and lots of pitfalls

Estimating the work

  • the actual work of what you see on screen will only be a fraction of the work to do
@panphora
panphora / boxescss-example-page.html
Last active December 10, 2021 17:56
An example page built with the CSS framework Boxes.css (full page: https://www.todopal.com/)
View boxescss-example-page.html
<!-- FIND THE FULL PAGE HERE: https://www.todopal.com/ -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TodoPal - Make room for big projects</title>
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
<link rel="stylesheet" type="text/css" href="/assets/css/boxes.css">
@panphora
panphora / reset.css
Created October 28, 2021 02:13
View reset.css
/*
MIT License
David Miranda: Author of boxes.css
Jeremy Thomas: Author of minireset.css (github.com/jgthms/minireset.css)
Andy Bell and other contributors: Author of a modern CSS reset (https://github.com/andy-piccalilli/modern-css-reset)
*/
html {
@panphora
panphora / show-if.js
Last active November 21, 2020 16:49
Conditionally show elements based on the values of the attributes in their ancestors.
View show-if.js
/*
SHOW-IF PLUGIN
--------------
Conditionally show elements based on the values of the attributes in their ancestors.
How to use:
===========
1. Run this code when the page loads
2. Run this code whenever a new elements that has a show-if attribute is added to the page (or if you want: simply whenever the page changes)
@panphora
panphora / kanban.hbs
Created November 5, 2020 02:13
View kanban.hbs
<div class="header">
<div
class="header__text"
object
key:board-heading="@innerText"
default:board-heading="My Projects"
edit:board-heading:without-remove
>{{boardHeading}}</div>
<button
class="button button--add-stack"
@panphora
panphora / feedback-from-linus.md
Last active October 15, 2020 22:56
View feedback-from-linus.md

Feedback on Remake

Notes:

  • Run on Fedora Linux with Node v12 and Yarn
    • Yarn seems to break some of the dependencies so I'm on npm now.

What I did

  • Ran remake create...