IMPORTANT!

Snipt is going open source. We've toyed with this idea for quite a while, and have finally decided it's the right way to move forward.

A few things:
  • The entire Snipt source code will be released on GitHub under the 3-clause BSD License on Friday, September 10th.
  • While we'd like to think we're perfect, we realize we're only human. By open sourcing the software that runs this website, certain bugs or security flaws may be discovered that could compromise the privacy of your snipts.
  • Only the Lion Burger team will be able to push commits to the Snipt.net site. Contributors should send a pull request to add new features or submit patches.
  • By using this site, you agree not to be too angry or take any legal action against Lion Burger should this whole thing go up in flames some day.
  • Follow us on Twitter for updates.
I agree, close this message
Sign up to create your own snipts, or login.

Latest 100 public snipts » width The latest public width snipts.

showing 1-5 of 5 snipts for width
  • ∞ Distribute left over space from a container 
    var $imgsArraySize = 0;
var $totalImgs = 0;
$.each( $("#footer .clients-list img"), function(){
	$imgsArraySize += $(this).width();
	$totalImgs++;
});
				
if ( $totalImgs == 0 ) { $totalImgs++; } else { $totalImgs--; }
				
// Container width - unfilled space - 10px margin / 2 sides (for each image)
var $marginWidth = Math.floor( ( ( $("#footer").width() - $imgsArraySize ) / $totalImgs ) / 2 );
				
$("#footer .clients-list li").css( {'margin-left': $marginWidth, 'margin-right': $marginWidth} );
$("#footer .clients-list li:first").css( {'margin-left': '0'} );
$("#footer .clients-list li:last").css( {'margin-right': '0'} );

    copy | embed

    0 comments - tagged in  posted by ZilverDragOn on Jul 09, 2010 at 4:50 a.m. EDT
  • ∞ calculate width of inner divs 
    //using jquery
 
var width = 0;
 
$('#id-of-container-element').each(function() {
    width += $(this).outerWidth( true );
});
 
//optionally set the width of the container element
$('#id-of-container-element').css('width', width);

    copy | embed

    0 comments - tagged in  posted by sherpa on Mar 25, 2010 at 12:48 p.m. EDT
  • ∞ CSS string parser for grabbing all 4 border values 
    var colorRegex = /#[1-90a-f]+/gi; //hex values only
var borderColor = cssParse(opts.borderColor,colorRegex);

var widthRegex = /[0-9]+/g;
var borderWidth = cssParse(opts.borderWidth,widthRegex);

function cssParse(css,reg){ //parses string into separate values for each side which is required for color anim and other uses
	var temp = css.match(reg),rtn = [],l = temp.length;
	if (l > 1) {
		rtn[0] = temp[0];
		rtn[1] = temp[1];
		rtn[2] = (l == 2) ? temp[0] : temp[2];
		rtn[3] = (l == 4) ? temp[3] : temp[1];
	} else rtn = [temp,temp,temp,temp];
	return rtn;
}

    copy | embed

    0 comments - tagged in  posted by catcubed on Nov 16, 2009 at 11:37 a.m. EST
  • ∞ .Code.JavaScript.Core.Maps.Bare 
    Maps=function(){
	this.id;
	this.zoom;
	this.nose;
	this.xActual;
	this.yActual;
	this.wActual;
	this.hActual;
	this.rActual;
	this.link=function(){
		return($(this.id));
	}
	this.says=function(){
		return(this.link().getContext('2d'));
	}
	this.draw=function(that){
		var maps=this.link();
		maps.width=maps.width;
		this.says().fillRect(
			that.xActual*that.zoom*this.zoom,
			that.yActual*that.zoom*this.zoom,
			that.wActual*that.zoom*this.zoom,
			that.hActual*that.zoom*this.zoom
		);
		this.says().beginPath();
			this.says().moveTo(
				that.xActual*that.zoom*this.zoom,
				that.yActual*that.zoom*this.zoom
			);
			this.says().lineTo(
				(that.xActual+Math.cos(that.rActual)*(that.wActual*that.nose))*that.zoom*this.zoom,
				(that.yActual+Math.sin(that.rActual)*(that.hActual*that.nose)*that.zoom*this.zoom
			);
		this.says().closePath();
		this.says().stroke();
	}
}

    copy | embed

    0 comments - tagged in  posted by a3lyphe on Mar 08, 2009 at 6:26 p.m. EDT
  • ∞ Proportional image resizing 
    function resize_image( $file, $width = 0, $height = 0, $proportional = false, $output = 'file', $delete_original = true )
{
	if ( $height <= 0 && $width <= 0 ) return false;

	$info = getimagesize($file);
	$image = '';

	$final_width = 0;
	$final_height = 0;
	list($width_old, $height_old) = $info;

   if ($proportional) {
		   if ($width == 0) $factor = $height/$height_old;
		   elseif ($height == 0) $factor = $width/$width_old;
		   else $factor = min ( $width / $width_old, $height / $height_old);

		   $final_width = round ($width_old * $factor);
		   $final_height = round ($height_old * $factor);
   } else {
		   $final_width = ( $width <= 0 ) ? $width_old : $width;
		   $final_height = ( $height <= 0 ) ? $height_old : $height;
   }

   switch ($info[2]) {
		   case IMAGETYPE_GIF:
				   $image = imagecreatefromgif($file);
		   break;
		   case IMAGETYPE_JPEG:
				   $image = imagecreatefromjpeg($file);
		   break;
		   case IMAGETYPE_PNG:
				   $image = imagecreatefrompng($file);
		   break;
		   default:
				   return false;
   }

   $image_resized = imagecreatetruecolor( $final_width, $final_height );

   if(($info[2] == IMAGETYPE_GIF) || ($info[2] == IMAGETYPE_PNG)) {
		   $trnprt_indx = imagecolortransparent($image);

		   // If we have a specific transparent color
		   if($trnprt_indx >= 0) {

				   // Get the original image's transparent color's RGB values
				   $trnprt_color    = imagecolorsforindex($image, $trnprt_indx);

				   // Allocate the same color in the new image resource
				   $trnprt_indx    = imagecolorallocate($image_resized, $trnprt_color['red'], $trnprt_color['green'], $trnprt_color['blue']);

				   // Completely fill the background of the new image with allocated color.
				   imagefill($image_resized, 0, 0, $trnprt_indx);

				   // Set the background color for new image to transparent
				   imagecolortransparent($image_resized, $trnprt_indx);


		   }
		   // Always make a transparent background color for PNGs that don't have one allocated already
		   elseif ($info[2] == IMAGETYPE_PNG) {

				   // Turn off transparency blending (temporarily)
				   imagealphablending($image_resized, false);

				   // Create a new transparent color for image
				   $color = imagecolorallocatealpha($image_resized, 0, 0, 0, 127);

				   // Completely fill the background of the new image with allocated color.
				   imagefill($image_resized, 0, 0, $color);

				   // Restore transparency blending
				   imagesavealpha($image_resized, true);
		   }
   }

   imagecopyresampled($image_resized, $image, 0, 0, 0, 0, $final_width, $final_height, $width_old, $height_old);

   if($delete_original) @unlink($file);

   switch (strtolower($output)) {
		   case 'browser':
				   $mime = image_type_to_mime_type($info[2]);
				   header("Content-type: $mime");
				   $output = NULL;
		   break;
		   case 'file':
				   $output = $file;
		   break;
		   case 'return':
				   return $image_resized;
		   break;
		   default:
		   break;
   }

   switch ($info[2]) {
		   case IMAGETYPE_GIF:
				   imagegif($image_resized, $output);
		   break;
		   case IMAGETYPE_JPEG:
				   imagejpeg($image_resized, $output);
		   break;
		   case IMAGETYPE_PNG:
				   imagepng($image_resized, $output);
		   break;
		   default:
				   return false;
   }

   return true;
}

    copy | embed

    0 comments - tagged in  posted by evansims on Dec 20, 2008 at 7:39 p.m. EST
Sign up to create your own snipts, or login.