Stephen James stephen-james
stephen-james
/ rasterizeElement.js
Last active
December 11, 2015 03:48
A helper script for use with phantomJS (http://phantomjs.org/) similar to rasterize.js allowing you to rasterize elements of a web page by specifying a selector.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| rasterizeElement.js | |
| This file is a helper script for use with phantomJS (http://phantomjs.org/) similar to rasterize.js | |
| allowing you to rasterize elements of a web page by specifying a selector. | |
| Author - Stephen James | |
| Twitter - @stephenhjames | |
| GitHub - https://github.com/stephen-james | |
stephen-james
/ gist:4593799
Created
January 22, 2013 10:58
10gen education login screen input height fix
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| textarea, input[type="text"], input[type="email"], input[type="password"] { | |
| background: #fafafa; | |
| border: 1px solid #c8c8c8; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); |
stephen-james
/ ServiceCommandLine_Program.cs
Created
March 15, 2013 12:35
Service that can run in command line
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /// <summary> | |
| /// The main entry point for the application. | |
| /// </summary> | |
| static void Main(string[] args) | |
| { | |
| if (System.Environment.UserInteractive) | |
| { | |
| if (args.Length > 0) | |
| { | |
| switch (args[0]) |
stephen-james
/ gist:5238264
Created
March 25, 2013 16:10
easy formatted debug of viewmodel JSON in knockoutJS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <pre data-bind="text: ko.toJSON($data, null, 2)"></pre> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .flex-box(@pack, @align, @orient) | |
| { | |
| display:-moz-box; | |
| -moz-box-pack:@pack; | |
| -moz-box-align:@align; | |
| -moz-box-orient: @orient; | |
| display:-webkit-box; | |
| -webkit-box-pack:@pack; | |
| -webkit-box-align:@align; |
stephen-james
/ gist:5318026
Created
April 5, 2013 09:43
Distance from Origin, distance between two pixels
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // using pythags awesomeness | |
| var distanceFromOrigin = Math.sqrt(Math.pow(origin.x - e.clientX, 2) + Math.pow(origin.y - e.clientY, 2)); |
stephen-james
/ gist:5405023
Last active
December 16, 2015 08:19
regex for decomposing transition css declarations (using this in the arc menu widget)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (.*)(left|top|opacity|height|width|transform|-webkit-transform)\s*(initial|\s*-?[0-9]*\.?[0-9]*m?s?)\s*(initial|linear|ease(?:-in|-out|-in-out)?|cubic-bezier\((?:\s*-?[0-9]*?\.?[0-9]*?\s*,?)*?\))?(initial|\s*-?[0-9]*\.?[0-9]*m?s?)?(.*) | |
stephen-james
/ examples.html
Created
April 25, 2013 15:44
Vertical alignment of child elements, using table-cell, flexbox 2009 and CSS3 flexbox http://jsfiddle.net/stephen_james/Q4XpP/2/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Centering items vertically</h1> | |
| <h2>using <code>display : table-cell</code></h2> | |
| <div class="center-align-method-tablecell"> | |
| <div class="align-center"> | |
| Some text | |
| <div class="box box1">box 1</div> | |
| <div class="box box2 align-center">box 2</div> | |
| <div class="box box3">box 3</div> | |
| </div> |
stephen-james
/ dabblet.css
Created
May 13, 2013 16:07
Responsive Layout using flexible box model [on dabblet](http://dabblet.com/gist/5569449).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * style.css | |
| */ | |
| /* | |
| this css uses Lea Verou's prefix free, if you port it out of dabblet, add the prefixes! | |
| */ | |
| /* resets */ | |
| html, body |
stephen-james
/ gist:6040103
Created
July 19, 2013 15:39
Generating Metaproj for MSBuild from solution file
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| >set MSBuildEmitSolution=1 | |
| >msbuild MySolution.sln /p:Configuration=Debug;Platform="Any CPU";OutputDir=bin |
OlderNewer