olee

// create a bookmark and use this code as the URL, you can now toggle the css on/off
// thanks+credit: https://dev.to/gajus/my-favorite-css-hack-32g3
javascript: (function() {
	var styleEl = document.getElementById('css-layout-hack');
	if (styleEl) {
		styleEl.remove();
		return;
	}
	styleEl = document.createElement('style');
	styleEl.id = 'css-layout-hack';

TheSisb

    // ========================================================== 
    // Unit Conversion
    // ========================================================== 
    // 
    // Functions:
    // ----------------------------------------------------------  
    // 
    //  NUMBER:
    //    
    //  isNaN($value)  - returns true or false if type-of($value)==number

rmosolgo

var frame;
var frameSrc = "/sleep" // some local endpoint that just `sleep 2` or something

function addFrame() {
  frame = document.createElement("iframe")
  frame.style.display = "none"
  document.head.appendChild(frame)
  frame.src = frameSrc
}

averyvery

// strip-units required by spread mixin
// http://stackoverflow.com/questions/12328259/how-do-you-strip-the-unit-from-any-number-in-sass
@function strip-units($number)
  @return $number / ($number * 0 + 1)


// pow and sqrt required by ease function
// adapted from https://github.com/at-import/Sassy-math/blob/master/sass/math.scss
@function pow($base, $exponent)
  $value: $base

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

mikeatlas

# config/initializers/clear_logs.rb
 
# This snippet simply clears your logs when they are too large.
# Every time you start the rails environment it checks log sizes 
# and clears the logs for you if necessary.
 
if Rails.env.development?
  MAX_LOG_SIZE = 10.megabytes
  
  logs = File.join(Rails.root, 'log', '*.log')

davidensinger

/*
 * a small mixin for easy use of rem with px as fallback
 * usage: @include x-rem(font-size, 14px)
 * usage: @include x-rem(marign, 0 12px 2 1.2)
 * usage: @include x-rem(padding, 1.5 24px)
 *
 * thanks to Eric Meyer for https://github.com/ericam/susy
 * and Hans Christian Reinl for http://drublic.de/blog/rem-fallback-sass-less/
 */
@mixin x-rem($property, $values) {

javan

//
// Example usage: phantomjs screenshot.js http://yahoo.com /tmp/yahoo.png
//

var system = require('system');
var url = system.args[1];
var filename = system.args[2];
var page = new WebPage();

page.open(url, function (status) {

brianmcallister

// Maintain ratio mixin. Great for responsive grids, or videos.
// https://gist.github.com/brianmcallister/2932463
// 
// $ratio - Ratio the element needs to maintain.
// 
// Examples
// 
//   // A 16:9 ratio would look like this:
//   .element {
//     @include maintain-ratio(16 9);

thulstrup

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));