treyhoover

import { useState, useMemo } from "react";

// Usage example (booleans)
const userActivity = useStatus([true, false]);
userActivity.status; // true
userActivity.toggle();
userActivity.setTrue();
userActivity.setFalse();
userActivity.reset();

ifyoumakeit

(async function generateReplies(document) {
  // https://conventionalcomments.org/#labels
  const LABEL = {
    praise: "praise",
    nitpick: "nitpick",
    suggestion: "suggestion",
    issue: "issue",
    todo: "todo",
    question: "question",
    thought: "thought",

dornfeder

Git Branching Diagram Template for diagrams.net

This is my own variant of a git branching diagram template based on Bryan Braun's great template.

You can use this diagram as a template to create your own git branching diagrams. Here's how:

1. Create a new diagram with diagrams.net (formerly draw.io)
2. Go to File > Open From > URL
3. Insert this url (it points to the xml data below): https://gist.githubusercontent.com/dornfeder/13abff279de357f048e474d4ed6c692d/raw/f5efc838bd34429e59e38063bd348b7a86457d18/git-diagram-template.xml
4. Customize as needed for your team.

developit

const express = require('express');
const { html, Component } = require('htm/preact');
const renderToString = require('preact-render-to-string');

class App extends Component {
  render(props) {
    return html`
      <div class="app">
        <h1>This is an app</h1>
        <p>Current server time: ${new Date + ''}</p>

bessfernandez

Storybook for HTML

Storybook is all about writing stories. A story usually contains a single state of one component, almost like a visual test case.

Typically you see Storybook used for React or other frameworks, but the library has recently introduced the option to use HTML for your Storybook projects. As a prototyping tool or playground this is great! No larger scale knowledge of other frameworks needed.

Install Storybook HTML

MariaJackson1

bryanbraun/poor-mans-styleguide

https://www.poormansstyleguide.com/


<h1 id="headings">Headings</h1>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

manbearwolf

<script>
  
/**
 * Example 1
 */
anchors.options = {
  placement: 'right',
  visible: 'hover',
};

wiledal

/* 
  Template literals for-loop example
  Using `Array(5).join(0).split(0)`, we create an empty array 
  with 5 items which we can iterate through using `.map()`
*/

var element = document.createElement('div')
element.innerHTML = `
  <h1>This element is looping</h1>
  ${Array(5).join(0).split(0).map((item, i) => `

matthewmueller

# OSX for Hackers (Mavericks/Yosemite)
#
# Source: https://gist.github.com/brandonb927/3195465

#!/bin/sh

# Some things taken from here
# https://github.com/mathiasbynens/dotfiles/blob/master/.osx

# Ask for the administrator password upfront

jordanmoore

		"css": {
			"abbreviations": {
				"mqm": "@media screen and (min-width:${1}) {\n\t|\n}",
				"mqx": "@media screen and (max-width:${1}) {\n\t|\n}"
			}
		}