Leo Picado leopic

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

When JSLint hurts your feelings, hug it out with Doug.

There are some situations that are difficult to distinguish mechanically, so I now consider all of those cases problematic, even when they are not obviously wrong.
You should be coding for readability and error resistance.
The place to express yourself in programming is in the quality of your ideas, and the efficiency of execution. The role of style is the same as in literature. A great writer doesn't express himself by putting the spaces before his commas instead of after, or by putting extra spaces inside his parentheses.
Many people think they have good reasons for doing things badly.
[The purpose of JSLint is not to make you feel good about inadequate coding standards.](http://tech.groups.y

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

	@import "compass/utilities/sprites/base";

	// General Sprite Defaults
	// You can override them before you import this file.
	$emblem-sprite-base-class: ".emblem-sprite" !default;
	$emblem-sprite-dimensions: false !default;
	$emblem-position: 0% !default;
	$emblem-spacing: 0 !default;
	$emblem-repeat: no-repeat !default;

	<%-# items is an array on object e.g. object.items = [1,2,3], we want to display as list of fields, and post back as an array - note the backwards ][ which makes is do this! -%>
	<% @object.items.each do \|i\| %>
	<%=f.text_field "items][",:value=>i,:id=>"item-#{SecureRandom.uuid}" %>
	<% end %>

	@function move($n,$context:false)
	$move: columns($n,$context) + gutter($context)
	@return $move

	=push($n,$c:false)
	$sg: side-gutter()
	@if $c
	$sg: 0

	margin-left: $sg + move($n,$c)

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="../libs/mocha.css" type="text/css" media="screen" title="no title" charset="utf-8">
	</head>
	<body>
	<div id="mocha"></div>
	<script src="../libs/mocha.js" type="text/javascript" charset="utf-8"></script>

	<html>
	<head>
	<title>js test</title>
	</head>
	<body>
	<h1>leo</h1>
	</body>
	<script>
	console.log('---');
	// 0: what's printed here?

	@extend
	@include
	animation
	animation-delay
	animation-direction
	animation-duration
	animation-iteration-count
	animation-name
	animation-play-state
	animation-timing-function