Daniel Lewandowski dlewand691

OBSOLETE

This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.

I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.

Fixing npm On Mac OS X for Homebrew Users

Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

OS X Preferences

most of these require logout/restart to take effect

# Enable character repeat on keydown
defaults write -g ApplePressAndHoldEnabled -bool false

# Set a shorter Delay until key repeat

	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/jquery.radios-to-slider.js"></script>

	<script>
	$(document).ready( function(){
	$("#radios").radiosToSlider();
	});
	</script>

	<div id="radios">

	/*
	Simple example of a dropdown menu using HTML5 LocalStorage.
	*/

	function create_dropdown(menu_id, category_title_class) {
	var menu = document.getElementById(menu_id)
	var ctitles = menu.getElementsByClassName('category_title')
	for (var i = 0; i < ctitles.length; i++) {
	var ctitle = ctitles[i]
	apply_shown(ctitle, is_shown(ctitle))

	(function() {
	var CSSCriticalPath = function(w, d, opts) {
	var opt = opts \|\| {};
	var css = {};
	var pushCSS = function(r) {
	if(!!css[r.selectorText] === false) css[r.selectorText] = {};
	var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
	for(var i = 0; i < styles.length; i++) {
	if(!!styles[i] === false) continue;
	var pair = styles[i].split(": ");

	/* Sass Mixin that generates a Baseline Grid */
	/* by: Mike Morrison, Soholaunch.com */
	/* You don't have to leave this credit comment in, but it would be nice of you. */

	// Set your grid dimensions here
	$body-width: 960px;
	$baseline: 22px;
	@mixin baseline-grid {
	$columns: 16;
	$column-color: rgba(200,0,0,.2);

	// _decimal.scss \| MIT License \| gist.github.com/terkel/4373420

	// Round a number to specified digits.
	//
	// @param {Number} $number A number to round
	// @param {Number} [$digits:0] Digits to output
	// @param {String} [$mode:round] (round\|ceil\|floor) How to round a number
	// @return {Number} A rounded number
	// @example
	// decimal-round(0.333) => 0

	<html>
	<head>
	<link rel="stylesheet" href="lib/leaflet.css" />
	<!--[if lte IE 8]>
	<link rel="stylesheet" href="lib/leaflet.ie.css" />
	<![endif]-->
	</head>
	<body>
	<div id="map" style="width:1004px; height:748px; border: 1px solid black;"></div>
	<script type="text/javascript" src="lib/leaflet-src.js"></script>