tommydunn

<!-- GIF Image for everywhere else -->

<!--[if (gte mso 9)|(IE)]><!-->
<img src="https://cdn.zmbz.com/lpl_gif_example.gif"
	style="display: block; padding:0; margin:0; height: auto; max-width: 100%;" border="0"
	alt="" width="538" height="269" />
<!--<![endif]-->

<!--Fallback Static Image for Outlook-->

tommydunn

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'slugify'})
export class SlugifyPipe implements PipeTransform {
  transform(input: string): string {
    return input.toString().toLowerCase()
      .replace(/\s+/g, '-')           // Replace spaces with -
      .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
      .replace(/\-\-+/g, '-')         // Replace multiple - with single -
      .replace(/^-+/, '')             // Trim - from start of text

tommydunn

∇ app
    ∇ core
         ∇ guards
              auth.guard.ts
              module-import.guard.ts
              no-auth.guard.ts
         ∇ interceptor
              token.interceptor.ts
              error.interceptor.ts
         ∇ services

tommydunn

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

tommydunn

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

• Mac /usr/local/mysql/bin
• Windows /Program Files/MySQL/MySQL version/bin
• Xampp /xampp/mysql/bin

Add mysql to your PATH

tommydunn

Set up macOS Big Sur 11.2

Contents:

• 1 git
• 2 Homebrew
• 3 rbenv
• 4 ruby
• 5 Atom
• 6 Databases

tommydunn

/*   To use this example:
     1. Download this html file
     2. Replace the form action url with your own from the MailChimp supplied embed code
     3. Within the action url, replace "subscribe/post" with "subscribe/post-json"
     4. Be sure the action url starts with http://. If it doesn't, the form will hang when testing the html as a local file in your browser.
     5. Open this file in a browser on your local machine
*/

tommydunn

Generate guard

ng g guard guards/auth
  -> select "canActivate"

auth.guard.ts

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';

tommydunn

<?php

namespace Converter;

use WebPConvert\WebPConvert;

class Converter
{
    public $lazy = false;
    public function __construct($lazy = false)

tommydunn

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

• http://www.fontsquirrel.com/tools/webfont-generator