Andrew Laskey andrewlaskey
andrewlaskey
/ _base.scss
Created
February 20, 2013 17:11
Adding ACF Location Field Edit to Front-end
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
| //In my base scss file I copied and pasted the css from the location field plugin | |
| .location_dl {margin-left:10px;} | |
| .location_dl::after | |
| { | |
| content:""; | |
| display:table; | |
| clear:both; | |
| } | |
| .location_dt-address, |
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
| //Paul Irish - http://www.broken-links.com/2009/01/20/very-quick-equal-height-columns-in-jquery/ | |
| $.fn.setAllToMaxHeight = function(){ | |
| return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) ); | |
| } |
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
| //http://stackoverflow.com/questions/13279725/getting-a-sticky-header-to-push-up-like-in-instagrams-iphone-app-using-css-a | |
| function stickyTitles(stickies) { | |
| this.load = function() { | |
| stickies.each(function(){ | |
| var thisSticky = jQuery(this).wrap('<div class="followWrap" />'); | |
| thisSticky.parent().height(thisSticky.outerHeight()); |
andrewlaskey
/ example.php
Created
April 4, 2013 16:56
Modified Backstretch.js to keep image aspect ratio constant when container dimensions change
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 $imgdata = wp_get_attachment_image_src( get_post_thumbnail_id(), "full"); | |
| $imgurl = $imgdata[0]; // the url of the thumbnail picture | |
| $imgwidth = $imgdata[1]; // thumbnail's width | |
| $imgheight = $imgdata[2]; // thumbnail's height | |
| if ($imgheight > 0) { | |
| $ratio = $imgwidth / $imgheight; | |
| } else { | |
| $ratio = 1; | |
| } | |
| ?> |
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
| var checkIfExists = function(id) { | |
| if (document.getElementById(id)) { | |
| return true; | |
| } | |
| return false; | |
| }; |
andrewlaskey
/ reveal_slider.html
Last active
December 15, 2015 19:49
A responsive image with a slider to reveal hidden text.
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Idiom Test - Slider</title> | |
| <style type="text/css"> | |
| .wrapper { | |
| position: relative; | |
| width: 100%; | |
| height: 500px; |
andrewlaskey
/ vertical-rhythm.scss
Last active
April 28, 2019 20:11
Vertical Rhythm Template for SASS projects
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
| //Taken from: http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ | |
| /* Housekeeping */ | |
| *{ margin:0; padding:0; } | |
| /* Define your base font-size here; most elements will inherit this. */ | |
| html{ | |
| font-size:1em; /* Assuming 16px... */ | |
| line-height:1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) */ | |
| } |
andrewlaskey
/ numbers_with_commas.js
Created
August 9, 2013 22:00
Print a number in javascript with commas as thousands separators
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
| //http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript | |
| function numberWithCommas(x) { | |
| return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); | |
| } |
andrewlaskey
/ functions.php
Last active
December 23, 2015 22:49
Wordpress useful common url shortcodes
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 | |
| //[imagedir] | |
| function image_directory() { | |
| return get_stylesheet_directory_uri() . '/images/'; | |
| } | |
| add_shortcode('imagedir', 'image_directory'); | |
| //[homeurl] | |
| function home_url_shortcode() { |
andrewlaskey
/ stretch.html
Created
September 30, 2013 18:14
Dynamically set a background image to a div that will keep its aspect ratio when the div resizes.
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
| <div class="Item" data-stretch="images/some_image.png"> |
OlderNewer