Skip to content

Instantly share code, notes, and snippets.

Olly Hodgson OllyHodgson

Block or report user

Report or block OllyHodgson

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@OllyHodgson
OllyHodgson / devtools.responsiveUI.presets
Last active Aug 29, 2015
Presets for the Firefox devtools Responsive Design View. Includes presets for default Bootstrap 3 grid sizes and some iPhones. To use, navigate to about:config and then add or edit the devtools.responsiveUI.presets key.
View devtools.responsiveUI.presets
[{"key":"300x400","name":"Very small screen","width":300,"height":400},{"key":"320x480","name":"iPhone 4","width":320,"height":480},{"key":"320x568","name":"iPhone 5","width":320,"height":568},{"key":"360x640","name":"Nexus 4","width":360,"height":640},{"key":"375x667","name":"iPhone 6","width":375,"height":667},{"key":"414x736","name":"iPhone 6 Plus","width":414,"height":736},{"key":"767x1024","name":"@screen-xs-max","width":767,"height":1024},{"key":"768x1024","name":"@screen-sm-min","width":768,"height":1024},{"key":"991x1280","name":"@screen-sm-max","width":991,"height":1280},{"key":"992x1280","name":"@screen-md-min","width":992,"height":1280},{"key":"1199x801","name":"@screen-md-max","width":1199,"height":801},{"key":"1200x801","name":"@screen-lg-min","width":1200,"height":801},{"key":"1280x600","name":"Netbook","width":1280,"height":600}]
@OllyHodgson
OllyHodgson / countCSSRules.js
Created Apr 9, 2015 — forked from krisbulman/countCSSRules.js
Run this in the dev tools console to ensure none of your stylesheets have too many rules / selectors for legacy IE (IE9 and below).
View countCSSRules.js
function countCSSRules() {
var results = '',
log = '',
slen = document.styleSheets.length;
if (!document.styleSheets) {
return;
}
for (var i = 0; i < slen; i++) {
countSheet(document.styleSheets[i]);
}
@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 / 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 / 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 */
You can’t perform that action at this time.