Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View tomblanchard's full-sized avatar

Tom Blanchard tomblanchard

15 followers · 1 following
View GitHub Profile
@tomblanchard
tomblanchard / simple-css-grid.css
Created August 10, 2013 00:24
Simple CSS grid sample. Credit: https://github.com/csswizardry/csswizardry-grids
.grid {
margin-left:-24px;
list-style:none;
margin-bottom:0;
}
.grid__item {
display:inline-block;
width:50%;
padding-left:24px;
@tomblanchard
tomblanchard / jquery-doc-ready.js
Last active December 23, 2015 00:09
jQuery document ready.
(function ($, window, document, undefined) { 'use strict'; $(function () {
//
}); })(jQuery, window, document);
@tomblanchard
tomblanchard / responsive-jquery-slideshow.css
Last active December 23, 2015 06:39
Responsive jQuery slideshow.
.slideshow {
margin-bottom:20px;
position:relative;
}
.slideshow__item {
width:100%;
}
.slideshow__item + .slideshow__item {
@tomblanchard
tomblanchard / php-ajax-form.html
Last active December 24, 2015 13:09
PHP AJAX Form
<form class="contact-form" method="post" action="">
<ul class="form-fields">
<li>
<label>Your Name</label>
<input class="text-input" type="text" name="name" required value="TEST NAME">
</li>
<li>
<label>Your Email</label>
<input class="text-input" type="email" name="email" required value="email@email.com">
</li>
@tomblanchard
tomblanchard / wp-snippets-child-theme.css
Last active December 25, 2015 11:09
Regular WP snippets I use.
/***********************************************************************************
THEME NAME: Parent Theme - Child
***********************************************************************************
Template: parent-theme
Author: Tom Blanchard
Author URI: http://tomblanchard.co.uk
Version: 1.0
**********************************************************************************/
@tomblanchard
tomblanchard / border-box.css
Created October 31, 2013 19:44
Border box.
.border-box,
.border-box:before,
.border-box:after,
.border-box *,
.border-box *:before,
.border-box *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@tomblanchard
tomblanchard / xampp-mail-php.ini
Created November 26, 2013 00:39
XAMPP mail.
[sendmail]
smtp_server = mail.tomblanchard.co.uk
smtp_port = 26
smtp_ssl = none
error_logfile = error.log
@tomblanchard
tomblanchard / code-comments-README.md
Last active August 29, 2015 13:55
Code comments.

This is how I handle my code comments, there are 2 types:

  • Section header (with optional additional comment(s))
  • Regular comment(s)

All comments are limited to 80 characters per line with padding on each horizontal side consisting of two spaces.

@tomblanchard
tomblanchard / bigcartel-feed.js
Last active March 6, 2018 12:29
BigCartel Feed.
$.getJSON('http://api.bigcartel.com/USERNAME/products.json?limit=5&callback=?', function(data) {
$.each(data, function(i, obj) {
$('\
<a href="http://USERNAME.bigcartel.com' + obj.url + '">' +
obj.name +
'$' + parseFloat(obj.price, 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,').toString() +
'<img width="100" src="' + obj.images[0].url + '" alt="">' +
'</a>'
).appendTo('.products');
@tomblanchard
tomblanchard / mini-modernizr.html
Created April 25, 2014 14:09
Mini Modernizr: I only ever use Modernizr mostly to check for JS and / or touch screen devices. This tiny piece of code will replace the classes which are on the `<html>` element `no-js` with `js` and `no-touch` with `touch`.
<script>!function(a,b){"use strict";b.documentElement.className=b.documentElement.className.replace("no-js","js"),("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)&&(document.documentElement.className=document.documentElement.className.replace("no-touch","touch"))}(window,document);</script>