Skip to content

Instantly share code, notes, and snippets.

@jordanneenan
jordanneenan / hamburer.scss
Last active December 16, 2019 18:39
Hamburger animation
//-----------------------------------------------//
//Config hamburger
$width: 30px;
$lineHeight: 4px;
$lineSpace: 5px;
$lineColor: #ffffff;
//Calculate other proportions
$top-1: 0;
@jordanneenan
jordanneenan / clear.css
Last active August 29, 2015 14:08
CSS clearfix
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
@mixin vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mixin p {
@include vertical-align;
@jordanneenan
jordanneenan / resizeEnd.js
Last active November 2, 2015 01:15
Vertically aligns content with jQuery
var rtime;
var timeout = false;
var delta = 200;
$(window).resize(function() {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(resizeend, delta);
}
});
@jordanneenan
jordanneenan / matchHeight.js
Last active January 20, 2016 04:12
Match height of elements
//match height of elements
function matchHeight($element) {
var heighest = 0;
$element.each(function () {
var elemHeight = $(this).outerHeight();
if (elemHeight > heighest) {
heighest = elemHeight;
}
});
$element.css('height', heighest);
@jordanneenan
jordanneenan / disableLink.js
Last active March 2, 2016 05:23
Disable link using the class 'disable-link'.
@jordanneenan
jordanneenan / resizeTimeout.js
Last active August 29, 2015 14:25
Call function after timeout on page resize
var rtime;
var timeout = false;
var delta = 200;
$(window).resize(function() {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(resizeend, delta);
}
});
@jordanneenan
jordanneenan / svgConvert.js
Created July 23, 2015 11:19
Replace all SVGs images with inline SVGs
//Replace all SVG images with inline SVG
$('img.svg').each(function(){
var $img = $(this);
var imgID = $img.attr('id');
var imgClass = $img.attr('class');
var imgURL = $img.attr('src');
$.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = $(data).find('svg');
@jordanneenan
jordanneenan / truncateString.php
Created July 26, 2015 22:17
Truncate a string...nicely.
//truncate a string...nicely
function stringTruncate($string, $stringLength){
if (strlen($string) > $stringLength) {
$string = preg_replace('/\s+?(\S+)?$/', '', substr($string, 0, $stringLength));
return $string . '...';
}else{
return $string;
}
@jordanneenan
jordanneenan / fieldText.js
Created August 27, 2015 23:56
Control default text in a field
//Field text - remove on focus, replace on blur
function fieldText(){
var $fieldText = jQuery('.js-text');
$fieldText.focus(function(){
var fText = jQuery(this).data("fieldtext");
var fVal = jQuery(this).val();
if(fVal === fText){
jQuery(this).val("");
}
})