Skip to content

Instantly share code, notes, and snippets.

View ashhitch's full-sized avatar
💭
Slinging Divs

Ash Hitchcock ashhitch

💭
Slinging Divs
39 followers · 74 following
View GitHub Profile
@ashhitch
ashhitch / Template-Driven.html
Created January 5, 2018 13:59
Set default value for <select> in Angular 2+ Template Driven Forms
<select [ngModel]="field ||''">
<option value="">Select field</option>
<option *ngFor="let property of properties" [ngValue]="property">{{property.name}}</option>
</select>
@ashhitch
ashhitch / Reactive-Forms.html
Last active January 5, 2018 13:58
Set default value for <select> in Angular 2+ Reactive Forms
<select formControlName="field">
<option [ngValue]="null">Select field</option>
<option *ngFor="let property of properties" [ngValue]="property">{{property.name}}</option>
</select>
@ashhitch
ashhitch / getHiddenElementDimensions.ts
Created January 4, 2018 12:56
get Hidden Element Dimensions
getHiddenElementDimensions( element: any ): any {
let dimensions: any = {};
element.style.visibility = 'hidden';
element.style.display = 'block';
dimensions.width = element.offsetWidth;
dimensions.height = element.offsetHeight;
element.style.display = 'none';
element.style.visibility = 'visible';
return dimensions;
@ashhitch
ashhitch / viewport-width.ts
Created January 4, 2018 12:55
Angular Get viewport width
getViewport(): any {
let win = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
w = win.innerWidth || e.clientWidth || g.clientWidth,
h = win.innerHeight || e.clientHeight || g.clientHeight;
return {width: w, height: h};
}
@ashhitch
ashhitch / New Machine Dependencies.md
Last active March 19, 2019 09:47
A place to store my New Machine Dependencies (for Mac)

New Machine Dependencies

Browsers

  • Google Chrome brew cask install google-chrome
  • Chrome canary - brew cask install canary
  • Firefox - brew cask install firefox
  • TorBrowser - brew cask install torbrowser

Software

@ashhitch
ashhitch / picture-element.php
Created May 3, 2017 15:06
Generate Picture element in WordPress
<?php
// function to get image Alt tag
function get_img_alt( $image ) {
$img_alt = trim( strip_tags( get_post_meta( $image, '_wp_attachment_image_alt', true ) ) );
return $img_alt;
}
// fucntion to get src of each image
function get_picture_srcs( $image, $mappings ) {
@ashhitch
ashhitch / canonical.js
Created October 25, 2016 15:29
Get Page URL from canonical tag
//Get page url
let url = document.location.href;
//Get canonical
const canonicalEl = document.querySelector('link[rel=canonical]');
//if canonical tag present replace url
if(canonicalEl !== undefined) {
url = canonicalEl.href;
}
@ashhitch
ashhitch / short-if.js
Created September 12, 2016 14:16
Helpful JavaScript
const value = condition ? 'some value' : 'another value';
@ashhitch
ashhitch / contact-7-bootstrap-4-example.html
Last active August 14, 2016 06:33
Contact7 WordPress Plugin Bootstrap 4 Styles
<div class="form-group">
<label>Your Name</label>
[text* your-name class:form-control]
</div>
<div class="form-group">
<label>Your Email</label>
[email* your-email class:form-control]
</div>
<div class="form-group">
@ashhitch
ashhitch / time-select.html
Last active October 21, 2022 15:47
Time Select menu - 12 hour clock style in 30 minute increments
<select name="time" id="time">
<option value="12:00am">12:00am</option>
<option value="12:30am">12:30am</option>
<option value="1:00am">1:00am</option>
<option value="1:30am">1:30am</option>
<option value="2:00am">2:00am</option>
<option value="2:30am">2:30am</option>
<option value="3:00am">3:00am</option>
<option value="3:30am">3:30am</option>
<option value="4:00am">4:00am</option>