Kevin keeev

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

Comment Blacklist for WordPress

Notice!

As of November 5th, 2013, this version of the blacklist will no longer be updated.

I have migrated the project to a full Git repository in order to better track changes, bugs, and feedback.

Check out Comment Blacklist for WordPress on GitHub.

Intro

http://socialdriver.com/2012/07/20-best-responsive-websites/ lists 20 sites that are supposedly best-in-class when it comes to responsive design techniques. I had a look at the viewport meta tags used in these sites.

Findings

All sites use width=device-width, with in most cases an additional initial-scale=1. This is good practice.

However:

8 sites turn off pinch-zooming by setting maximum-scale to 1, or using user-scalable=no. While there are some corner use cases for this, it does not make sense to do this on text-heavy sites as it impairs accessibility.
3 sites use semi-colons as delimiters between viewport values. While this works in newer mobile browsers, it's not officially supported, and breaks in older mobile browser versions.
1 site has 2 viewport meta tags (with different values) in the source...

agnoster.zsh-theme

A ZSH theme optimized for people who use:

Solarized
Git
Unicode-compatible fonts and terminals (I use iTerm2 + Menlo)

For Mac users, I highly recommend iTerm 2 + Solarized Dark

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.

	function calculate_median($arr) {
	$count = count($arr); //total numbers in array
	$middleval = floor(($count-1)/2); // find the middle value, or the lowest middle value
	if($count % 2) { // odd number, middle is the median
	$median = $arr[$middleval];
	} else { // even number, calculate avg of 2 medians
	$low = $arr[$middleval];
	$high = $arr[$middleval+1];
	$median = (($low+$high)/2);
	}

	#!/usr/bin/env sh

	##
	# This is script with usefull tips taken from:
	# https://github.com/mathiasbynens/dotfiles/blob/master/.osx
	#
	# install it:
	# curl -sL https://raw.github.com/gist/2108403/hack.sh \| sh
	#

	if (Meteor.is_client) {
	var userName = "PatelNachiket";
	Template.hello.greeting = function () {
	return "Fetch recent tweets from Twitter stream of user : " ;
	};

	Template.hello.events = {
	'click #fetchButton' : function () {
	console.log("Recent tweets from stream!");
	$('#fetchButton').attr('disabled','true').val('loading...');

	var app = angular.module('myApp', []);

	/* Set up a simple controller with a few
	* examples of common actions a controller function
	* might set up on a $scope. */
	app.controller('MainCtrl', function($scope, someService) {

	//set some properties
	$scope.foo = 'foo';
	$scope.bar = 'bar';

	namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
	selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
	animation: "fade", //String: Select your animation type, "fade" or "slide"
	easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
	direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
	reverse: false, //{NEW} Boolean: Reverse the animation direction
	animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
	smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
	startAt: 0, //Integer: The slide that the slider should start on. Array nota