Skip to content

Instantly share code, notes, and snippets.

Olly Hodgson OllyHodgson

View GitHub Profile
@OllyHodgson
OllyHodgson / buttons.html
Created Mar 23, 2011
A nice CSS button style for <a> elements. Tested in IE6-9, Firefox 3.6-4, Chrome 11, Safari 5, Opera 11.
View buttons.html
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<!--[if IE 8 ]><html class="ie8"><![endif]-->
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<title>CSS Buttons</title>
@OllyHodgson
OllyHodgson / CSS 3D toolbar.html
Created Mar 23, 2011
A CSS 3D toolbar style, based on my CSS buttons (https://gist.github.com/883309). Tested in IE6-9, Firefox 3.6-4, Chrome 11, Safari 5, Opera 11.
View CSS 3D toolbar.html
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<!--[if IE 8 ]><html class="ie8"><![endif]-->
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<title>CSS Toolbar</title>
@OllyHodgson
OllyHodgson / SP2007-BasicStart.xsl
Created May 19, 2011
Starting point for XSL in Sharepoint 2007 Data View Web Parts
View SP2007-BasicStart.xsl
<!--
NOTE: Add the SuppressWebPartChrome="True" attribute to <WebPartPages:DataFormWebPart> to get rid of the tables SharePoint normally surrounds the web part with.
-->
<xsl:stylesheet
version="1.0"
exclude-result-prefixes="xsl msxsl ddwrt x d asp ddwrt2 SharePoint __designer"
xmlns:x="http://www.w3.org/2001/XMLSchema"
xmlns:d="http://schemas.microsoft.com/sharepoint/dsp"
xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime"
xmlns:asp="http://schemas.microsoft.com/ASPNET/20"
@OllyHodgson
OllyHodgson / jquery.imgresizer.js
Created Jul 27, 2011
Image scaling in IE6 and 7 is bobbins. This script uses Microsoft's proprietary filter gubbins to make it better.
View jquery.imgresizer.js
/*
IMGRESIZER
Image scaling in IE6 and 7 is bobbins. This uses their proprietary filter gubbins to make it better.
Original by Ethan Marcotte, at http://unstoppablerobotninja.com/entry/fluid-images/
Rejigged by Olly Hodgson.
So Ethan [@beep] wrote a script that'll make IE6 and 7 on Windows resize
images beautifully [http://unstoppablerobotninja.com/entry/fluid-images/]
(without the performance hit you take from using -ms-interpolation-mode:
bicubic;). Tom H pointed out in the comments that it broke the right-click
@OllyHodgson
OllyHodgson / more-buttons.html
Created Aug 4, 2011
More experiments with HTML+CSS button styling
View more-buttons.html
<!DOCTYPE html>
<html>
<head>
<title>Button styles</title>
<style>
/******************************************************************************
Reset styles
Based on Eric Meyer's fine work: http://meyerweb.com/eric/tools/css/reset/
@OllyHodgson
OllyHodgson / SP2010-ContentType-to-HTML.js
Last active Oct 6, 2015
Scrapes a Sharepoint 2010 Content Type page to get the column names and display names. Outputs some HTML or the FieldNames needed for a page layout file. Exceedingly limited, but does what I need it to.
View SP2010-ContentType-to-HTML.js
/*
Run this against a content type page to get the HTML for the columns!
els = array of elements
type = "li"|"td"|"th"|"FieldRef"
*/
function create(el, type) {
var fieldname,
displayname,
outputHTML = '';
@OllyHodgson
OllyHodgson / Regex for removing SharePoint Designer 2010 specific markup
Created Aug 29, 2012
Opening an .aspx in SharePoint Designer 2010 litters it with SPD-specific markup. This removes most (if not all) of it. Note I run this one in Sublime Text 2, other editors might need some tweaking. Also note the leading space.
@OllyHodgson
OllyHodgson / dabblet.css
Created Oct 3, 2012 — forked from cahnory/dabblet.css
Box shadow art, CSS transitions, via https://gist.github.com/cahnory
View dabblet.css
/**
* Box shadow art, CSS transitions, via https://gist.github.com/cahnory
*/
.image1 {
background: red;
font-size: 10px;
height: 1em;
width: 1em;
/* Drawing */
@OllyHodgson
OllyHodgson / buttons.css
Created Oct 11, 2012
Remarkably similarly stlyed buttons across IE7/8/9, FF, Chrome, Safari and Opera
View buttons.css
/******************************************************************
*
* COMPONENTS: BUTTONS AND BUTTON-STYLE LINKS
* e.g. <button>Click me!</button>
* or <a class="button">Click me!</a>
* or <input type="submit" value="Click me!" />
*
******************************************************************/
.outer a.button,
.outer a.button:link,
@OllyHodgson
OllyHodgson / encoding.htm;
Created Nov 30, 2012
While testing a system, we found some "interesting" HTML encoding behaviour. For a given value of "interesting", obviously.
View encoding.htm;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Escaping fun!</title>
</head>
<body>
<!-- Renders as 'abcd' -->
<p>abcd<efg</p>
<!-- Renders as 'abcd<&efg' -->
You can’t perform that action at this time.