Skip to content

Instantly share code, notes, and snippets.

View doctyper's full-sized avatar

Richard Herrera doctyper

148 followers · 5 following
View GitHub Profile
@doctyper
doctyper / Flexie IE8 Bug CSS
Created November 4, 2010 21:04
/* what was in style.css */
body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.hbox.center.alignCenter {
background-color: gray;
@doctyper
doctyper / Flexie IE8 Bug HTML
Created November 4, 2010 21:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Flexie | Legacy support for the CSS3 Flexible Box Model</title>
<link rel="stylesheet" href="./box_components.css" type="text/css" />
<link rel="stylesheet" href="./style.css" type="text/css" />
</head>
<body>
@doctyper
doctyper / gist:704157
Created November 17, 2010 21:47
Flexie Roadmap

Flexie 1.0

v 0.7 ✔

  • Unit tests for parent flexbox rules. ✔
  • Flexie updates based on unit testing. ✔

v 0.8 ✔

@doctyper
doctyper / Compass 0.11.alpha.4 error
Created December 10, 2010 20:14
$ compass compile path/to/sass/ --trace
ArgumentError on line 95 of /Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb: wrong number of arguments (3 for 2)
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:95:in `compile_if_required'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:82:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:80:in `each'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:80:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:103:in `timed'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/compiler.rb:79:in `run'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/commands/update_project.rb:36:in `perform'
/Library/Ruby/Gems/1.8/gems/compass-0.11.alpha.4/lib/compass/commands/base.rb:18:in `execute'
@doctyper
doctyper / gist:737049
Created December 11, 2010 01:03
// No error thrown here
$foo-spacing: 1px;
// Setting any value results in:
// ChunkyPNG::OutOfBounds on line 233 of /Library/Ruby/Gems/1.8/gems/chunky_png-0.10.4/lib/chunky_png/canvas/operations.rb: Background image width is too small!
$foo-position: 1px;
// Test case has two sprites @ 38x38 each
@import "foo/*.png";
@doctyper
doctyper / hacky.js
Created December 22, 2010 02:41
We couldn’t find that file to show.
@doctyper
doctyper / engines.html
Created January 7, 2011 23:07
A sample of all supported Flexie selector engines.
<!-- DOMAssistant -->
<script src="http://domassistant.googlecode.com/svn/branches/2.8/DOMAssistantCompressed.js" type="text/javascript"></script>
<!-- NWMatcher -->
<script src="http://nwevents.googlecode.com/svn/trunk/nwmatcher.js" type="text/javascript"></script>
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<!-- Sizzle -->
@doctyper
doctyper / ie-white-background.txt
Created January 8, 2011 22:11
Batch Steps - Adding White Background for IE6
Quickie Steps (on Windows):
1. Click on Start > Run. Type "cmd" (no quotes) and press Enter. (You can also just press Windows Key + R for a shortcut).
2. Type "cd" (no quotes), press space, and drag the target folder into the command line. Press Enter.
3. Run this command:
for /f "tokens=*" %i in ('dir *.png /a:-d /s /b') do (convert "%i" -background "rgb(255, 255, 255)" "%i" & "C:\pngout.exe" "%i" -kbKGD -y "%i")
Done!
@doctyper
doctyper / wishlist.txt
Created January 21, 2011 16:59
CSS properties you could start using if it weren't for...
box-sizing (IE 7)
pointer-events (IE)
display: box (IE)
@doctyper
doctyper / gist:848468
Created March 1, 2011 02:05
javascript:var i=document.images,p;for(p in i){i[p].src="//placekitten.com/"+i[p].width+"/"+i[p].height;}i[-1]