tommydunn

is "ready"

To check if an HTML5 video element is "ready" in an Angular 18 application, you can leverage the events and properties of the native HTMLMediaElement.

1. Using canplaythrough event:

The canplaythrough event fires when the user agent estimates that it can play the media to the end without stopping for further buffering. This is typically the most reliable indicator that the video is truly ready for smooth playback. TypeScript

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

tommydunn

git config --global url."git@github.com:".insteadOf https://github.com/
git config --global url."git://".insteadOf https://

tommydunn

<header>
  <h1>SITE TITLE</h1>
  <nav>
    <ul>
      <li><a href="#">HOME</a></li>
      <li><a href="#">ABOUT</a></li>
      <li><a href="#">SERVICES</a></li>
      <li><a href="#">CONTACT</a></li>
    </ul>
  </nav>

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

@mixin interpolate($properties, $min-screen, $max-screen, $min-value, $max-value) {
	& {
		@each $property in $properties {
			#{$property}: $min-value;
		}

		@media screen and (min-width: $min-screen) {
			@each $property in $properties {
				#{$property}: calc-interpolation($min-screen, $min-value, $max-screen, $max-value); 
			}

tommydunn

DATABASE

Setup test env db

• RAILS_ENV=test rake db:create
• RAILS_ENV=test rake db:migrate
• RAILS_ENV=test rake db:reset

Roll db migration back by one

• rake db:rollback

Roll db migration back n number

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

# rename a section of a filename, i. e. example.1.{txt,conf,db} or 12345.1.{wav,ogg,mp3} and
# change the 1 to a 2 in the filename while preserving the rest of it.
  $ zmv -n '(*.)(<->)(.[^.]#)' '$1$(($2+1))$3' # would rename x.0001.y to x.2.y.
  $ zmv -n '(*.0#)(<->)(.[^.]#)' '$1$(($2+1))$3'

# Rename files to lower case
  $ zmv '*' '${(L)f}'

# serially all files (foo.foo > 1.foo, fnord.foo > 2.foo, ..)