jackabox

function autolink(str, attributes)
{
	attributes = attributes || {};
	var attrs = "";
	for(name in attributes)
		attrs += " "+ name +'="'+ attributes[name] +'"';
	
	var reg = new RegExp("(\\s?)((http|https|ftp)://[^\\s<]+[^\\s<\.)])", "gim");
	str = str.toString().replace(reg, '$1<a href="$2"'+ attrs +'>$2</a>');
	

jackabox

  $('.sidebar ul').each(function(){
    var max = 5
    if ($(this).find("li").length > max) {
      $(this)
        .find('li:gt('+max+')')
        .hide()
        .end()
        .append(
          $('<li class="show-more"><a href="javascript:void(0);">Show More</a></li>').click( function(){
            $(this).siblings(':hidden').show().end().remove();

jackabox

<?php function formatText($str, $attributes=array()) {
        $attrs = '';
        foreach ($attributes as $attribute => $value) {
            $attrs .= " {$attribute}=\"{$value}\"";
        }

        $str = ' ' . $str;
        $str = preg_replace(
            '`([^"=\'>])((http|https|ftp)://[^\s<]+[^\s<\.)])`i',
            '$1<a href="$2"'.$attrs.'>$2</a>',

jackabox

<?php 
	$tags = wp_get_post_tags($post->ID);
	if ($tags) { ?>

	<div class="related-posts">
			
	<?php

		$first_tag = $tags[0]->term_id;
		$tagsIDs = array();

jackabox

// Your columns are at a weird width here - Use the gutter on the row as well.

$width: 1244px;
$columns: 12;
$gutter: 16px;

.row {
    width: 100%;
    max-width: $width;
    box-sizing: border-box;

jackabox

        <?php
            $categories = get_terms( 'service-category' );
            foreach ( $categories as $category ) {
                $services = new WP_Query(
                    array(
                        'post_type' => 'services',
                        'showposts' => -1,
                        'tax_query' => array(
                            array(
                                'taxonomy'  => 'service-category',

jackabox

<?php

// The big ass array with all the data.
$navigation = [
    [
        'link'  =>      'index.php',
        'title' =>      'Top Level Navigation',
        'children' => [
            [
                'link'  =>      'subitem.php',

jackabox

100%+ Horizontal Slider

This code content is aimed at creating a gallery/area which flows over the borders of the page with minimal markup. Any images you insert into gallery-container will extend beyond the 100% width of the page. Within this you will be able to hover the hot-spot's at either side of the div to progress/slide along the content.

http://codepen.io/jackabox/pen/aONJYV

possible reword

jackabox

Filtering posts via an ACF field.

• Define the acf key
• grab the choices
• create a select with choices
• request on the meta key/meta value

jackabox

Better Scrolling Div

This code utilises a Div to scroll alongside a larger sibling element until it reaches the bottom and then stick there.

this requires jquery.matchHeight: https://github.com/liabru/jquery-match-height