chriseppstein

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

overbalance

require 'rubygems'

desc "Completely empty /build"
task :clobber do
	sh "rm -rf build/* build/.[Dh]*"
end

desc "Export compiled build"
task :build do
	sh "mm-build"

voidfiles

{
    // Settings
    "passfail"      : false,  // Stop on first error.
    "maxerr"        : 10000,    // Maximum error before stopping.


    // Predefined globals whom JSHint will ignore.
    "browser"       : true,   // Standard browser globals e.g. `window`, `document`.

    "node"          : false,

michaelroper

<%@ Control Language="C#" %>

<div runat="server" class="row">
    <div runat="server" class="sf_colsOut">
        <div runat="server" class="sf_colsIn span3"></div>
        <div runat="server" class="sf_colsIn span3"></div>
        <div runat="server" class="sf_colsIn span3"></div>
        <div runat="server" class="sf_colsIn span3"></div>
    </div>
</div>

dmolsen

/**********************************************************
 * jQuery-less version of Chris Coyier's
 * Value Bubbles for Range Inputs
 * http://css-tricks.com/value-bubbles-for-range-inputs/ 
 **********************************************************/

function modifyOffset() {
	var el, newPoint, newPlace, offset, siblings, k;
	width    = this.offsetWidth;
	newPoint = (this.value - this.getAttribute("min")) / (this.getAttribute("max") - this.getAttribute("min"));

brandonb927

#!/bin/sh

###
# SOME COMMANDS WILL NOT WORK ON macOS (Sierra or newer)
# For Sierra or newer, see https://github.com/mathiasbynens/dotfiles/blob/master/.macos
###

# Alot of these configs have been taken from the various places
# on the web, most from here
# https://github.com/mathiasbynens/dotfiles/blob/5b3c8418ed42d93af2e647dc9d122f25cc034871/.osx

malarkey

When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.

Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008

…………………………

nickawalsh

@import compass

$icons: sprite-map("icons/*.png")
$icons-hd: sprite-map("icons-hd/*.png")

i
  background: $icons
  display: inline-block
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
    background: $icons-hd

dergachev

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

stevesouders

// ActiveTable - a bookmarklet to make tables sortable and editable

function init() {
	var aHrows = getHrows();
	var numHrows = aHrows.length;

	var aHidden = getHiddenColumns();
	ATpopup = document.createElement("div");
	ATpopup.style.cssText = "position: absolute; visibility: hidden; padding: 0; font-family: Arial; background-color: rgba(255, 255, 255, 0.9); border-radius: .5em; text-align: center; box-shadow: .05em .05em .5em #00C;";
	ATpopup.innerHTML = "<a href='sort' title='sort' onclick='sortColumn(); return false'><img border=0 src='http://stevesouders.com/images/sort_up_down.png' style='padding-top: 0.2em;'></a><br><a href='hide' style='color: #C00; font-family: monospace; font-size: 1.5em; text-decoration: none;' title='hide' onclick='hideColumn(); return false'>x</a>"; // TODO - use protocol-less URL for img