Skip to content

Instantly share code, notes, and snippets.


Mike Zarandona mike-zarandona

View GitHub Profile
mike-zarandona / commands.js
Created Apr 5, 2019
Cypress custom command to check if an element is in the viewport
View commands.js
Cypress.Commands.add('shouldBeInViewport', { prevSubject: true }, subject => {
cy.document().then(doc => {
let clientHeight = doc.documentElement.clientHeight
let viewportTop = doc.documentElement.scrollTop
let viewportBottom = viewportTop + clientHeight
let subjectTop = subject[0].offsetTop
mike-zarandona / coolers-shades.js
Last active Nov 5, 2018
A tiny script which can be pasted into the console at to create a listing of all the generated color shades.
View coolers-shades.js
let allColors = [[], [], [], [], []]
$('.palette-shades-row').each((i, thisRow) => {
.each((j, thisCol) => {
allColors[j].push('#' + $(thisCol).data('color'))
mike-zarandona / editor-style.css
Created Jun 2, 2017 — forked from vielhuber/editor-style.css
TinyMCE Advanced Custom Formats / Styles / Shortcode Buttons
View editor-style.css
/* step 1: load this in editor-style.css in the theme folder */
/* step 2: activate function "Create CSS classes menu" in tinymce advanced */
/* this gets shown automatically in the formats dropdown */
mike-zarandona / For Sandwiches
Last active May 8, 2017
View For Sandwiches
for { sandwiches
while lettuce => 0
return true; }
else (return vicky);
mike-zarandona / RetinaMixin3.less
Last active Aug 29, 2015
Retina LESS Mixin v3 - now makes it super easy to specify one background image to cover three image sizes (@1x|@2x|@3x).
View RetinaMixin3.less
.retina3(@bg-image, @size: cover, @file-type: 'png'){
background-image: url('@{path}@{bg-image}.@{file-type}');
background-size: @size;
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
background-image: url('@{path}@{bg-image}@2x.@{file-type}');
background-size: @size;
mike-zarandona / BlurMixin.less
Created Dec 5, 2014
A LESS mixin to apply CSS3 blurs to elements.
View BlurMixin.less
.blur(@blur) {
filter: blur(@blur);
-webkit-filter: blur(@blur);
mike-zarandona / BX-Slider Logo Ticker.html
Created Oct 16, 2014
Responsive ticker-style display drop-in using BX-Slider (
View BX-Slider Logo Ticker.html
<section class="logos-bar">
<div class="width-container">
<ul class="logos">
<div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a>
<div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a>
mike-zarandona / Strip Off Any Protocol from a URL.js
Created Oct 15, 2014
A tiny bit of logic to strip off any protocol from a URL.
View Strip Off Any Protocol from a URL.js
// strip off the protocol
url = '';
if ( url.indexOf('://') != -1 ) {
url = url.substr( url.indexOf('://') + 3 );
mike-zarandona / getURLParameter.js
Last active Aug 29, 2015
Function to check for and return the values of URL parameters.
View getURLParameter.js
// Get URL parameters
function getURLParameter(name) {
name = name.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)",
regex = new RegExp( regexS ),
results = regex.exec( window.location.href )
if( results === null ) {
mike-zarandona / Statamic-Admin-iOS-Install-as-WebApp
Created Oct 12, 2014
Two `<meta/>` tags and a `<script/>` tag to allow iOS users to use the "Add to Home Screen" function in Mobile Safari. This is convenient in maximizing screen real estate when composing in `/admin`. This is a modification to `/admin/themes/ascent/layouts/default.php`
View Statamic-Admin-iOS-Install-as-WebApp
$current_user = Auth::getCurrentMember();
$name = $current_user->get('name');
?><!doctype html>
<html lang="<?php echo Config::getCurrentLanguage(); ?>">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>Statamic Control Panel</title>
<link rel="stylesheet" href="<?php echo Path::tidy(Config::getSiteRoot().'/'.$app->config['theme_path']) ?>css/ascent.min.css">
You can’t perform that action at this time.