balupton

Responsive layouts in stylus

Why this way?

1. There is no span1..15 styles, instead your css defines your layout and your html remains semantic and not polluted with display information. As it should be.

2. The markup is incredibly easy, you specify the wrappers width, and then each columns width in percentages. Every other grid framework I've found is incredibly complicated with this.

3. It allows you to have the exact same markup, and completely different styles for different devices, resolutions, stylesheets, whatever. As it should be.

barneycarroll

// Is the passed CSS property supported?
// eg. detectCSS('transition')
function detectCSS(prop){
	var 
		prop = prop.replace(/-(\w)/g,function(s,g){return g.toUpperCase()}), 
		pre  = ',Icab,Khtml,Moz,Ms,O,Webkit'.split(',');

	for (var i = 0; i < pre.length; ++i){
		if(i==1)
			prop = prop.slice(0,1).toUpperCase() + prop.slice(1);

gcoop

cachedImageView = function(basedir, uri, obj, attr, cacheage) {
    /**
    Appcelerator Titanium ImageView /w cache
    
    This function attempts to cache a remote image and then returns it again
    when it's requested.
    
    The file is stored in a directory "basedir," this is to try and help
    you keep files unique. It's not special or magical, but not dirty either.

ryanflorence

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs")
    port = process.argv[2] || 8888;

http.createServer(function(request, response) {

  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);