CWSpear

# after your other config stuff add:

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "typography.css"
    puts "Moving: #{file}" # optional line, just letting you know what's going
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

leon

/*
http://thecodeplayer.com/walkthrough/single-element-pure-css3-double-fold-ribbon
*/

/*Basic reset*/
* {margin: 0; padding: 0;}

html, body {height: 100%;}

body {

hissy

<?php
$conn = Database::connection();
$qb = $conn->createQueryBuilder();

$qb->select('*')
   ->from('DownloadStatistics')
   ->orderBy('timestamp', 'ASC');
   
if ($startdate = $_GET['startdate']) {
    $qb->andWhere(

jonathantneal

Apple Touch Icons

How many different ways can you slice an apple touch icon? At least 7.

<!-- iPhone, iPod Touch, older Android devices (57×57) -->
<link href="/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed">

<!-- iPad, iPad Mini (72×72) -->
<link href="/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">

bennadel

<cffunction
	name="truthy"
	access="public"
	returntype="boolean"
	output="false"
	hint="I determine if the given argument can be converted / shoe-horned into a boolean value. By default, we will be trying to create a FALSE; everything else will be TRUE.">

	<!--- Define arguments. --->
	<cfargument
		name="value"

Integralist

The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).

The original BBC News process (and my re-working of the script) follows roughly these steps...

• Create new instance of ImageEnhancer
• Change any divs within the page (which have a class of delayed-image-load) into a transparent GIF using a Base64 encoded string.
  • We set the width & height HTML attributes of the image to the required size
  • We know what size the image needs to be because each div has custom data-attr set server-side to the size of the image
  • We then set a class of image-replace onto each newly created transparent image
• We use a 250ms setTimeout to unblock the UI thread and which calls a function resizeImages which enhances the image-replace images so their source is now set to a URL whe

bennadel

component
	output = false
	hint = "I provide automatic retry functionality around the target component."
	{

	/**
	* I initialize the retry proxy with the given target component. Retries will
	* only be applied to "transient" errors. And, since the proxy doesn't know which
	* errors are transient / retriable, it must check with the isTransientError()
	* function.

mbreit

$fontawesome_path: "." !default

@font-face
  font-family: 'FontAwesome'
  src: font-url('#{$fontawesome_path}/fontawesome-webfont.eot')
  src: font-url('#{$fontawesome_path}/fontawesome-webfont.eot?#iefix') format("embedded-opentype"), font-url('#{$fontawesome_path}/fontawesome-webfont.woff') format("woff"), font-url('#{$fontawesome_path}/fontawesome-webfont.ttf') format("truetype")
  font-weight: normal
  font-style: normal

@mixin icon($icon)

yorb

// Based on Adobe Community Forums member BlipAdobe's script:
// http://forums.adobe.com/message/3908198#3908198

#target photoshop
 
// Constants
var QUANTIZE_PIXELS = 1;    // The number of whole pixels we wish the path points to be quantized to
var PIXEL_RATIO = app.activeDocument.resolution / 72; // Standardize pixels and points
 
// Some helpers

twe4ked

@mixin background-image-retina($file, $type, $width, $height) {
  background-image: url($file + '.' + $type);

  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    & {
      background-image: url($file + '@2x.' + $type);
      -webkit-background-size: $width $height;
    }
  }
}