Skip to content

Instantly share code, notes, and snippets.

@bavington
bavington / eu_cookie_banner.js
Last active May 17, 2022 06:22
Simple EU Cookie Law Banner JavaScript
@bavington
bavington / retina-media-query.css
Created November 20, 2013 19:57
Retina Detection Media Query for working with Retina Background Images.
div.logo {
margin:0 auto;
border:1px solid #666;
width:400px;
height:215px;
background:url(james-n-nick.jpg) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
@bavington
bavington / LocalBusinessSchema.html
Last active December 30, 2015 06:28
Boilerplate for LocalBusiness Schema.org Markup
<div itemscope itemtype="http://schema.org/LocalBusiness">
<span itemprop="legalName">Company Name Ltd</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">12 Paper Street,</span>
<span itemprop="addressLocality">Town</span>,
<span itemprop="addressRegion">County</span>
<span itemprop="postalCode">AB01 1YZ</span>
</div>
Phone: <span itemprop="telephone">01234 123456</span>
Email: <span itemprop="email">email@companydomain.co.uk</span>
@bavington
bavington / custom_events_analytics.js
Last active October 3, 2018 17:57
Pushing custom events to Google Universal Analytics (analytics.js).
jQuery(document).ready(function ($) {
$('#navquote').on('click', function() {
ga('send', 'event', 'Quick Quote Call To Action', 'click', 'Launch Lightbox Form');
});
$('#headerphone').on('click', function() {
ga('send', 'event', 'Phone Number Touch/Click', 'click', 'Header');
});
$('#footerphone').on('click', function() {
ga('send', 'event', 'Phone Number Touch/Click','click', 'Footer');
});
@bavington
bavington / custom-post-type.php
Created January 2, 2014 19:39
Custom Post Type and initial taxonomy boilerplate
<?php
///////////////////////////////////////////////
////////// Projects Custom Post Type //////////
///////////////////////////////////////////////
add_action('init', 'register_projects');
function register_projects() {
@bavington
bavington / wp-custom-post-type-class-fix.php
Created January 5, 2014 11:13
Fixes the problems (post WordPress 3.1) with Custom Post Type Menu classes not being added correctly.
<?php function remove_parent_classes($class)
{
// check for current page classes, return false if they exist.
return ($class == 'current_page_item' || $class == 'current_page_parent' || $class == 'current_page_ancestor' || $class == 'current-menu-item') ? FALSE : TRUE;
}
function add_class_to_wp_nav_menu($classes)
{
switch (get_post_type())
{
@bavington
bavington / wp-logo-schema.php
Created January 11, 2014 13:32
Sample code for adding Schema.org markup to your website's company logo.
<div itemscope itemtype="http://schema.org/Organization">
<?php
$attachment_id = 2; // Upload your client's logo to the Media Library and add the attachment ID here (swap the 2)
$image_attributes = wp_get_attachment_image_src( $attachment_id );
?>
<a itemprop="url" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" id="logolink">
<img itemprop="logo" src="<?php echo $image_attributes[0]; ?>" id="mainlogo" alt="<?php echo get_bloginfo ( 'description' ); ?>" />
</a>
</div>
@bavington
bavington / wp-allow-svgs.php
Created January 11, 2014 13:39
Allow the upload of SVG files into the WordPress Media Library by adding the following code to your theme's functions.php file.
<?php
/////////////////////////////////////////////////////////////////////////////////////
////////// Allow SVGs to be uploaded via the Media Centre within WordPress //////////
/////////////////////////////////////////////////////////////////////////////////////
function cc_mime_types( $mimes ){
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
@bavington
bavington / universal-analytics-event-tracking.js
Created January 11, 2014 14:24
How to use jQuery to track Custom Events like Phone Number and Button clicks with Google Universal Analytics.
jQuery(document).ready(function ($) {
$('#quote').on('click', function() { // Tracks clicks for the <a> tag with id="quote"
ga('send', 'event', 'button', 'click', 'Quick Form Lightbox Impressions');
});
$('#phonenumber').on('click', function() { // Tracks clicks for the <a> tag with id="phonenumber"
ga('send', 'event', 'link', 'click', 'Header Phone Clicks/Touches');
});
@bavington
bavington / retinize.scss
Created May 1, 2014 12:16
Retinize SASS Mixin
$is-hidpi:" (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx)";
@mixin retinize($file, $type){
background-image: url('images/' + $file + '.' + $type);
@media #{$is-hidpi}{