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
/ 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
/ 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; | |
| } |
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; |
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 (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
/ 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
/ 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
| <?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"> |
NewerOlder