Skip to content

Instantly share code, notes, and snippets.

View magadanskiuchen's full-sized avatar

Georgi Popov magadanskiuchen

16 followers · 15 following
View GitHub Profile
@magadanskiuchen
magadanskiuchen / functions.js
Last active August 29, 2015 14:03
Accessible Sider
function Slider() {
// private variables
var container = slider.addClass('js');
var ul = container.find('ul');
var lis = ul.find('li');
var btnNext = null;
var btnPrev = null;
var currentSlide = 0;
// public variables
@magadanskiuchen
magadanskiuchen / post-merge.sh
Created March 21, 2015 17:55
A GIT post-merge hook to auto combine and minify all of your JavaScript files when merging a branch into "production"
current_branch="$(git rev-parse --abbrev-ref HEAD)";
if [[ $current_branch == 'production' ]]; then
find js -name *.js | xargs cat > js/combined.js
curl -X POST -s --data-urlencode 'input@js/combined.js' http://javascript-minifier.com/raw > js/combined.min.js
rm js/combined.js
git commit -a -m "[automated] combined and minified JS"
@magadanskiuchen
magadanskiuchen / gist:4030291
Created November 7, 2012 09:00
(function () {
var slider = $('.stories-slider');
var list = slider.find('#carousel');
var items = list.find('> .slide');
var thumbs = slider.find('.thumb');
var duration = 500;
var current = 0;
list.css({ width: items.length * 100 + '%' });
@magadanskiuchen
magadanskiuchen / gist:4071744
Created November 14, 2012 11:59
Custom Pin-It button showing all images inline on page
<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://www.brandaiddesignco.com/blog/PinIt.png'/></a>
@magadanskiuchen
magadanskiuchen / gist:4081026
Created November 15, 2012 20:24
Basic HTML5 Structure
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 Backwards Compatibility Test</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<header>
@magadanskiuchen
magadanskiuchen / gist:4081085
Created November 15, 2012 20:33
Basic HTML5 Structure (styling)
@charset "utf-8";
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { width: auto; height: auto; }
body { background: #E0E0E0; color: #202020; font: normal 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font: small-caps bold 100%/120% Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 300%; }
h2 { font-size: 240%; }
@magadanskiuchen
magadanskiuchen / gist:4118565
Created November 20, 2012 15:22
Posts2Posts plugin p2p_query
// new WP_Query( array( 'p2p_query'=>array( array('p2p_type'=>'', 'direction'=>'') ) ) );
// set p2p_type to an existing registered p2p_type
// set direction to the direction for queries post type in the connection p2p_type
// this will return only items that have connections from the p2p_type
add_filter('posts_join', 'mu_p2p_join', 10, 2);
add_filter('posts_where', 'my_p2p_where', 10, 2);
function my_p2p_join($join, $query) {
if (isset($query->query_vars['p2p_query'])) {
@magadanskiuchen
magadanskiuchen / gist:4215541
Created December 5, 2012 13:34
Posts2Posts -- can't get connection title
<?php
global $post;
$connections = P2P_Connection_Type_Factory::get_all_instances();
if (!empty($connections)) {
foreach ($connections as $type => $conn) {
p2p_connection_box($type, $conn, $post);
}
}
@magadanskiuchen
magadanskiuchen / gist:4250872
Created December 10, 2012 14:31
WP Mobile Detector
<?php
/*
Plugin Name: Theme Mobile Detector
Version: 1.0
*/
# Replace all occurrences of "theme" with your theme name
if (get_option('template') == 'theme') {
if (!session_id()) session_start();
@magadanskiuchen
magadanskiuchen / gist:4671302
Created January 30, 2013 06:56
$('.form').submit(function() {
var valid = true;
var errors = '';
$(this).find('.required').each(function() {
if ($(this).val() == '') {
$(this).addClass('field-error');
errors += 'The "' + $(this).attr('title') + '" field is required\n';
if (valid) {
$(this).focus();