ericclemmons

Using <details> in GitHub

Suppose you're opening an issue and there's a lot noisey logs that may be useful.

Rather than wrecking readability, wrap it in a <details> tag!

<details>
 Summary Goes Here

ericclemmons

import type {CodegenConfig} from '@graphql-codegen/cli';

const config: CodegenConfig = {
    config: {
        namingConvention: {
            // Ensure enum values are the same as their name, not a number or camelCased
            enumValues: 'keep',
        },
    },
    schema: ['src/**/schema.graphql'],

ericclemmons

# https://github.com/dependabot/fetch-metadata#enabling-auto-merge
name: Auto-merge Dependabot

on: pull_request_target

permissions:
  pull-requests: write
  contents: write

jobs:

ericclemmons

<link rel="stylesheet" href="https://unpkg.com/tailwindcss@1.0.1/dist/tailwind.min.css">

<!-- Responsive indicators! -->
<div class="fixed top-0 right-0 z-50 bg-pink-500 text-white shadow-md px-2 rounded-bl font-mono">
  <span class="sm:hidden">default</span>
  <span class="hidden sm:inline md:hidden">sm</span>
  <span class="hidden md:inline lg:hidden">md</span>
  <span class="hidden lg:inline xl:hidden">lg</span>
  <span class="hidden xl:inline">xl</span>
</div>

ericclemmons

<?php

// Add to: path/to/wp-content/wp-themes/your-theme/functions.php

/**
 * Activate required plugins
 */

include_once ( ABSPATH . 'wp-admin/includes/plugin.php' );

ericclemmons

<!--

File is located at:

  /Users/Eric/Sites/MyApp/src/MyApp/Bundle/BlogBundle/Entity/Blog/Post.php

Problem:

    No way to double-substitute or chain filters

ericclemmons

#!/usr/bin/env bash

echo "Checking out master branch"
git checkout master
git pull origin master

git log master..develop
read -p "Review your changes..."

echo "Merging develop branch"

ericclemmons

import Layout from "@/components/Layout";
import { getContentPaths } from "@/utils/getContentPaths";
import { getPageFromSlug } from "@/utils/getPageFromSlug";
import { GetStaticProps } from "next";
import dynamic from "next/dynamic";
import { renderToStaticMarkup } from "react-dom/server";

export default function ContentPage({ __html, frontmatter, pages, slug }) {
  const Content = dynamic(() => import(`../content/${slug}/index.mdx`), {
    loading() {

ericclemmons

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

ericclemmons

var _ = require("lodash");
var path = require("path");

var env = process.env.NODE_ENV || "development";

var debug = ["development", "test"].indexOf(env) !== -1;

var defaults = {
  cache: debug,
  debug: debug,