Skip to content

Instantly share code, notes, and snippets.

View onestepcreative's full-sized avatar

Josh McDonald onestepcreative

View GitHub Profile
@onestepcreative
onestepcreative / loader.css
Created July 30, 2014 17:55
css loader styles to use anywhere
.ajaxify-error {
color: #F00;
display: block;
margin: 0 auto;
max-width: 400px;
padding: 60px 0 0 0;
text-align: center;
width: auto;}
.sinewave-button {
background: #3B98B6;
border: none;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0;
box-shadow: 0;
CrystalCore.libs.backstage = {
name: 'backstage',
version: '2.0.1',
init: function(scope, method, settings) {
var self = this;
/**
* Returns the docked position of the given
* stage element by reading the "dock-xxxx" class.
* Possible matches: left, right, top bottom.
* @param jQuery Object
* @returns {String}
* @public
*/
var getDirection = function(element) {
$('#tabbed-content').crystalcore('tably', {
// Tab settings
trigger : '.tab-trigger',
panel : '.tab-panel',
active : 'active',
effect : 'fade',
start : 1,
// Tably's Loader Settings
#tabbed-content {
background: #F5F5F5;
height: auto;
margin: 100px auto;
min-height: 240px;
padding: 0;
position: relative;
width: 700px;
}
.ajaxify-error {
color: #F00;
display: block;
margin: 0 auto;
max-width: 400px;
padding: 60px 0 0 0;
text-align: center;
width: auto;}
@onestepcreative
onestepcreative / newtably-markup.html
Created April 3, 2014 00:44
new markup structured for tably
<div id="tabbed-content">
<div class="tab-triggers">
<a href="javascript:void(0)" class="tab-trigger">One</a>
<a href="javascript:void(0)" class="tab-trigger" data-ajaxify-url="http://josh-environment.crystalcommerce.com" data-ajaxify-class=".ajaxify">Two</a>
<a href="javascript:void(0)" class="tab-trigger">Three</a>
<a href="javascript:void(0)" class="tab-trigger">Four</a>
</div>
<div class="tab-panels">
@onestepcreative
onestepcreative / crystal.ajaxify.js
Created April 3, 2014 00:42
the ajaxify plugin taylored for the tably plugin
/*
The Ajaxify Plugin (Taylored for Tably)
Author: Josh McDonald
Twitter: @onestepcreative
Github: github.com/onestepcreative
This plugin allows you to make an Ajax
request to get 'html' and parse it to the
/*
Author: Josh McDonald
Twitter: @onestepcreative
Website: developerstoolbox.net
Version: 2.0.1
This plugin allows for you to define your
tabs, and your tab content by simple selectors.