Mike Zarandona mike-zarandona
mike-zarandona
/ Weather Data + Icons from Yahoo.html
Last active
September 14, 2021 13:44
Weather icon output parameter functions. `weatherData()` will fetch data from Yahoo's servers for a particular geography, and `weatherOutput()` handles parsing the data and writing the results to the DOM. Relies on the Yahoo Weather API and Weather Icons by Erik Flowers
https://developer.yahoo.com/weather/
http://erikflowers.github.io/weather-ic…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <!-- Yahoo Weather Data --> | |
| <script> | |
| var yqlCallback = function(data) { | |
| var extractedData = data.query.results.channel.item; | |
| weatherData = extractedData; | |
| }, | |
| weatherData; | |
| </script> |
mike-zarandona
/ commands.js
Created
April 5, 2019 19:35
Cypress custom command to check if an element is in the viewport
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
November 5, 2018 15:54
A tiny script which can be pasted into the console at https://coolers.co to create a listing of all the generated color shades.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let allColors = [[], [], [], [], []] | |
| $('.palette-shades-row').each((i, thisRow) => { | |
| $(thisRow) | |
| .find('.palette-shades-col') | |
| .each((j, thisCol) => { | |
| allColors[j].push('#' + $(thisCol).data('color')) | |
| }) | |
| }) |
mike-zarandona
/ Statamic-Admin-iOS-Install-as-WebApp
Created
October 12, 2014 09:11
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`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?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"> |
mike-zarandona
/ editor-style.css
Created
June 2, 2017 14:23
— forked from vielhuber/editor-style.css
TinyMCE Advanced Custom Formats / Styles / Shortcode Buttons
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| for { sandwiches | |
| while lettuce => 0 | |
| return true; } | |
| else (return vicky); |
mike-zarandona
/ PHP Cache Buster
Created
January 13, 2014 21:52
Adding this bit of PHP to the end of a stylesheet or script incorporation will dynamically append the UTC time to the URL - making it "unique" on every load. EXTREMELY helpful for clients who might not know how to clear their browser cache.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" type="text/css" href="path/to/stylesheet.css?r=<?php echo time(); ?>" /> | |
| <script type="text/javascript" href="path/to/javascript.js?r=<?php echo time(); ?>"></script> |
mike-zarandona
/ RetinaMixin.less
Created
October 23, 2013 18:41
Retina LESS Mixin. Makes it super easy to specify one background image to cover both standard and retina views.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .retina(@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
/ TicketPunch.less
Last active
December 20, 2015 12:39
The .ticket-punch() mix-in allows for very easy creation of "punchouts" on the left and right side of an element using :before and :after pseudo-elements.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ticket(@size: 11px, @bgColor: #fff, @borderStyle: solid, @borderWidth: 1px, @borderColor: #333) { | |
| position: relative; | |
| border: @borderStyle @borderWidth @borderColor; | |
| text-align: center; | |
| padding: 10px 20px; | |
| display: inline-block; | |
| &:before { | |
| position: absolute; | |
| content: ''; | |
| width: @size; |
mike-zarandona
/ RetinaMixin3.less
Last active
August 29, 2015 14:11
Retina LESS Mixin v3 - now makes it super easy to specify one background image to cover three image sizes (@1x|@2x|@3x).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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; |
NewerOlder