Skip to content

Instantly share code, notes, and snippets.

View pixelisart's full-sized avatar

Santino Valenzuela pixelisart

  • New Jersey, USA
View GitHub Profile
@pixelisart
pixelisart / javascript-plugin-patterns-FOUND-protoytpe-newed.js
Created July 17, 2018 20:59 — forked from mhulse/javascript-plugin-patterns-FOUND-protoytpe-newed.js
Some of my favorite JavaScript plugin design patterns: The Facade Pattern, The Revealing Module Pattern, Immediately-invoked Function Expressions (IIFE)s, The Module Pattern imports and exports
// http://callmenick.com/post/slide-and-push-menus-with-css3-transitions
(function(window) {
'use strict';
/**
* Extend Object helper function.
*/
function extend(a, b) {
@pixelisart
pixelisart / acf_slider_bootstrap
Created July 14, 2018 04:17 — forked from webgurus/acf_slider_bootstrap
Root's bootstrap slider example with Advanced Custom Fields Gallery plugin.
<?php
/* SLIDER CUSTOM FIELD FOR HOMEPAGE */
$images = get_field('slider_photos');
$count=0;
$count1=0;
if($images) : ?>
<div id="slider">
<div id="carousel" class="carousel slide">
<!-- Indicators -->
@pixelisart
pixelisart / Detect-if-IE.js
Created June 8, 2018 02:40 — forked from ccurtin/Detect-if-IE.js
Detect if IE and add class to html/body..
/**
* detect IE
* returns version of IE or false, if browser is not Internet Explorer
*/
(function detectIE() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
if (msie > 0) {
@pixelisart
pixelisart / Javascript OO Cheat Sheet
Created May 29, 2018 14:11 — forked from cklanac/Javascript OO Cheat Sheet
Javascript OO Cheat Sheet
/***********************************************************************************************************************
***********************************************************************************************************************
* CONTENTS:
* Native Object
* Object Literal
* Basic Object
* Psuedo-Class
* Self Executing/Invoking Structure
* Lazy Function
* Module Pattern
@pixelisart
pixelisart / gulpfile.js
Created November 27, 2017 21:44 — forked from pgilad/gulpfile.js
gulpfile regular flow
var path = require('path');
var gulp = require('gulp');
var streamqueue = require('streamqueue');
var $gulp = require('gulp-load-plugins')({
lazy: false
});
var prependBowerPath = function (package) {
return path.join('./src/bower_components/', package);
};
// Alerts
@include alert-variant($background, $border, $text-color);
// Background Variant
@include bg-variant($parent, $color);
// Border Radius
@include border-top-radius($radius);
@include border-right-radius($radius);
@include border-bottom-radius($radius);
@pixelisart
pixelisart / JavaScript.md
Created July 18, 2017 21:39 — forked from aaronshaf/JavaScript.md
All Things JavaScript
@pixelisart
pixelisart / bootsrap_class_list
Created February 10, 2016 20:26 — forked from geksilla/bootsrap_class_list
Bootstrap css class list
.navbar
.caret
.label
.table
.img-responsive
.img-rounded
.img-thumbnail
.img-circle
.sr-only
.lead
/*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/
/*At least requires the meta viewport tag with content 'width=device-width'*/
@media only screen and (max-width: 1080px) and (orientation : portrait) {
/* PORTRAIT:
Windows Surface Pro*/
}
@media only screen and (max-width: 800px) and (orientation : portrait) {
/* PORTRAIT:
Acer Iconia Tab A100