Skip to content

Instantly share code, notes, and snippets.

Jason Utt jdmagic21

Block or report user

Report or block jdmagic21

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@jdmagic21
jdmagic21 / parallax.ts
Created Jan 25, 2018
Parallax with TypeScript
View parallax.ts
class parallax {
private _backgroundElement:string;
private _containerElement:string;
set containerElement(name: string){
this._containerElement = name;
}
set backgroundElement(name: string){
this._backgroundElement = name;
}
@jdmagic21
jdmagic21 / formatStringArray.js
Created Oct 16, 2017
Make every word in a sentence capitalized
View formatStringArray.js
function formatReportTitle(objectKeys){
var formattedReportArray = [];
for (a = 0; a <= objectKeys.length -1; a++){ //loop through array of report types/object keys
var splitString = objectKeys[a].split("_"); //slpit the array by "_"
//loop through each string item
for (var b = 0; b <= splitString.length -1; b++ ){
splitString[b] = splitString[b].split(''); //splits string into array of letters
splitString[b][0] = splitString[b][0].toUpperCase(); //makes first letter capitalizes
splitString[b]= splitString[b].join(''); //converts array of letter back to word
}
@jdmagic21
jdmagic21 / scss
Created Nov 15, 2016
Flexbox internet explorer fix for bootstrap 4 in sass
View scss
//fix for flexbox in internet explorer
$list: xm sm md lg xl;
@for $i from 1 through 12{
@each $b in $list{
.ie .col-#{$b}-#{$i}{
padding-left: 0px !important; padding-right: 0px !important;
}
}
}
@jdmagic21
jdmagic21 / bookmark.html
Created Oct 19, 2016
Allows for the use of anchor bookmark links.
View bookmark.html
<a href="/#/:policy.html/?scrollTo=scope" target="_self">Link</a>
<h2 id="scope">Scope</h2>
@jdmagic21
jdmagic21 / ie.js
Created Oct 18, 2016
Flex box does not work with ie 11 > 9, you need to adjust the height for ie 11
View ie.js
function ieTag(){
var ie = {
eleven: 'rv:11',
ten: 'MSIE 10',
nine: 'MSIE 9'
};
var appVersion = window.navigator.appVersion;
for( key in ie )
@jdmagic21
jdmagic21 / angular manual link.js
Created Apr 22, 2016
A manual way of splitting a Angular object so that you can add items to rows in Bootstrap.
View angular manual link.js
@jdmagic21
jdmagic21 / Angular Icon Loop.js
Created Apr 22, 2016
Allows you to repeat a number of icons numerous times such as if you were using a for loop in JavaScript
View Angular Icon Loop.js
<i class="material-icons md-48" ng-repeat="_ in ((_ = []) && (_.length=3) && _) track by $index">star</i>
@jdmagic21
jdmagic21 / broken-image.css
Created Mar 10, 2016
Broken image placeholder design
View broken-image.css
img {
/* Same as first example */
min-height: 50px;
}
img:before {
content: " ";
display: block;
position: absolute;
@jdmagic21
jdmagic21 / YoutubeSlider.js
Created Feb 26, 2016
YouTube API with control settings. Should change height of slide area when the video is played or stopped.
View YoutubeSlider.js
/* youtube video in slider */
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
@jdmagic21
jdmagic21 / fullCalendar
Created Feb 11, 2016
Creates a new instance of FullCalendar from an XML file (example)
View fullCalendar
function fullCalendar()
{
$('#calendar').fullCalendar(
{
eventBackgroundColor: '#7A1705',
eventBorderColor: '#7A1705',
header:
{
left: 'title',
center: '',
You can’t perform that action at this time.