mdunbavan

Create beautiful REST API docs authored in Markdown

• Adopted from: https://stubby4j.com/docs/admin_portal.html
• Inspired by Swagger API docs style & structure: https://petstore.swagger.io/#/pet

---

Creating new/overwriting existing stubs & proxy configs

mdunbavan

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

mdunbavan

Create the bucket

1. Open the console https://console.cloud.google.com
2. If you haven't already, setup your Cloud billing account
3. From the drop down at the top of the screen, create new project for your client, e.g. my-client
4. Make a note of the Project number on the project Home screen (Craft refers to this as the Project ID)
5. In the sidebar go to APIs & Services > Credentials, click the + Create credentials button and choose the Service Account type

• Set account name to craft-cms or similar
• Set role to Owner
• Save

6. Click on the newly created service account email to edit it, then click the Keys tab and click Add key > Create new key and select the JSON format

mdunbavan

import React, { Component } from 'react'

class MyTopLevelComponent extends Component {
  componentDidMount () {
    this.scrollToHashId()
  }

  componentDidUpdate () {
    this.scrollToHashId()
  }

mdunbavan

Get Instagram Images via JavaScript

Get API Info

You will need the user_id from the user. This is difficult to discover at Instagram but easy from this site http://jelled.com/instagram/lookup-user-id

I used http://jelled.com/instagram/access-token for the next few steps

You will also need an access token which ends up being difficult to obtain. Log into the account and go to their Developer Page.

mdunbavan

let mix = require("laravel-mix");
let tailwindcss = require("tailwindcss");
let glob = require("glob-all");
let PurgecssPlugin = require("purgecss-webpack-plugin");

/**
 * Custom PurgeCSS Extractor
 * https://github.com/FullHuman/purgecss
 * https://github.com/FullHuman/purgecss-webpack-plugin
 */

mdunbavan

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

mdunbavan

//touch/mobile detection
if (
	navigator.userAgent.match(/Phone/i) ||
	navigator.userAgent.match(/DROID/i) ||
	navigator.userAgent.match(/Android/i) ||
    navigator.userAgent.match(/webOS/i) ||
    navigator.userAgent.match(/iPhone/i) ||
    navigator.userAgent.match(/iPod/i) ||
    navigator.userAgent.match(/BlackBerry/) || 
    navigator.userAgent.match(/Windows Phone/i) || 

mdunbavan

server {
    listen 80;
    server_name site.production.designcompany.com;
    root /home/forge/site.production.designcompany.com/public;
    
    # enable gzip compression
    gzip on;
    gzip_min_length  1100;
    gzip_buffers  4 32k;
    gzip_types    text/plain application/x-javascript image/svg+xml text/xml text/css;

mdunbavan

<form id="contact" name="contact" method="post">  
  <fieldset>  
    <label for="name" id="name">Name<span class="required">*</span></label>
    <input type="text" name="name" id="name" size="30" value="" required/>

    <label for="email" id="email">Email<span class="required">*</span></label>
    <input type="text" name="email" id="email" size="30" value="" required/>

    <label for="phone" id="phone">Phone</label>
    <input type="text" name="phone" id="phone" size="30" value="" />