Skip to content

Instantly share code, notes, and snippets.

Olly Hodgson OllyHodgson

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.