Victor Victa

Object-Oriented CSS

Below is how I am currently structuring my CSS to be more object-oriented (with a little assistence from Sass):

Base
Helpers
Variables (see my Guide to Sass)
Mixins (careful and limited usage - see my Guide to Sass)
Extensions (careful and limited usage - see my Guide to Sass)
Layout

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

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

[att^=val] – the “begins with” selector
[att$=val] – the “ends with” selector
[att=val]* – the “contains” selector

Get Mountain Lion and Homebrew to Be Happy

After upgrading to Mountain Lion, I got this message when trying to run my local rails server:

Installing rmagick (2.13.1) with native extensions
Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension.

    Users/user/.rvm/rubies/ruby-1.9.3-rc1/bin/ruby extconf.rb

	#!/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
	#

	{
	"files": {
	"jQuery min": "http://code.jquery.com/jquery.min.js",
	"Eric Meyer's reset": "http://meyerweb.com/eric/tools/css/reset/reset.css",
	"normalize.css": "https://raw.github.com/necolas/normalize.css/master/normalize.css",
	"Backbone.js": "http://documentcloud.github.com/backbone/backbone-min.js",
	"Underscore.js": "http://documentcloud.github.com/underscore/underscore-min.js",
	"Prefix free": "https://raw.github.com/LeaVerou/prefixfree/master/prefixfree.min.js",
	"jQuery Transit": "https://raw.github.com/rstacruz/jquery.transit/master/jquery.transit.js",
	"plinejs": "http://labs.svn.octaveoctave.com/mathias/plinejs/build/plinejs-0.4-n.js",

	if environment == :production
	on_stylesheet_saved do \|file\|
	# pretty logging output when making a gzipp'ed file
	gz_file = Pathname.new("#{file}.gz").relative_path_from(Pathname.new(project_path))
	Compass::Logger.new.record(:create, gz_file)
	# This generates a file of the same name but ending in .gz
	`gzip -f #{file}`
	end
	end

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"