Skip to content

Instantly share code, notes, and snippets.

Avatar

Mike Zarandona mike-zarandona

36 followers · 4 following · 58
View GitHub Profile
@mike-zarandona
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
cy.expect(subjectTop).to.be.at.least(viewportTop)
cy.expect(subjectTop).to.be.at.most(viewportBottom)
})
@mike-zarandona
mike-zarandona / coolers-shades.js
Last active Nov 5, 2018
A tiny script which can be pasted into the console at https://coolers.co to create a listing of all the generated color shades.
View coolers-shades.js
let allColors = [[], [], [], [], []]
$('.palette-shades-row').each((i, thisRow) => {
$(thisRow)
.find('.palette-shades-col')
.each((j, thisCol) => {
allColors[j].push('#' + $(thisCol).data('color'))
})
})
@mike-zarandona
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 */
.MY-CUSTOM-CLASS {
background-color:red;
}
@mike-zarandona
mike-zarandona / For Sandwiches
Last active May 8, 2017
for_sandwiches.js?
View For Sandwiches
for { sandwiches
while lettuce => 0
return true; }
else (return vicky);
@mike-zarandona
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
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
mike-zarandona / BX-Slider Logo Ticker.html
Created Oct 16, 2014
Responsive ticker-style display drop-in using BX-Slider (http://bxslider.com/).
View BX-Slider Logo Ticker.html
<section class="logos-bar">
<div class="width-container">
<ul class="logos">
<li>
<div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a>
</li>
<li>
<div><a href="javascript:void(0)"><img src="path/to/logo.png" alt="thumbnail logo" /></div></a>
</li>
<li>
@mike-zarandona
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 = 'http://twitter.com/mikezarandona';
if ( url.indexOf('://') != -1 ) {
url = url.substr( url.indexOf('://') + 3 );
}
@mike-zarandona
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
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
<?php
$current_user = Auth::getCurrentMember();
$name = $current_user->get('name');
?><!doctype html>
<html lang="<?php echo Config::getCurrentLanguage(); ?>">
<head>
<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">