Tomás Augusto Müller tomasmuller

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

The game we're building is a simple side-scrolling racing game. The player's car is static on the screen, only the background is moving. The enemies are planes whom the player must dodge using the up and down arrow keys. If the player hits a plane, he dies. One point is given each time a plane goes off screen without touching the player.

Sprites

Our game is composed of sprites. Each sprite has a position (x, y), velocity (speed) and one image, or more if animated.

Images are loaded from the DOM using their CSS selector (imagesSelector). We use ID selectors (#name) for single images and class selectors (.name) for animated sprites composed of several images.

See the images used in the game.

How to set up stress-free SSL on an OS X development machine

One of the best ways to reduce complexity (read: stress) in web development is to minimize the differences between your development and production environments. After being frustrated by attempts to unify the approach to SSL on my local machine and in production, I searched for a workflow that would make the protocol invisible to me between all environments.

Most workflows make the following compromises:

Use HTTPS in production but HTTP locally. This is annoying because it makes the environments inconsistent, and the protocol choices leak up into the stack. For example, your web application needs to understand the underlying protocol when using the secure flag for cookies. If you don't get this right, your HTTP development server won't be able to read the cookies it writes, or worse, your HTTPS production server could pass sensitive cookies over an insecure connection.
Use production SSL certificates locally. This is annoying

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	describe "post #upload" do
	it "image to object" do
	container = create :container
	file = fixture_file_upload(Rails.root.join('spec/fixtures/files/example.jpg'), 'image/jpeg')
	container.attached_image = file
	post :upload, container: container.to_param
	expect(container.reload.attached_image).to be_present
	end
	end

	# Using these pry gems -- copy to your Gemfile
	# group :development, :test do
	# gem 'awesome_print' # pretty print ruby objects
	# gem 'pry' # Console with powerful introspection capabilities
	# gem 'pry-byebug' # Integrates pry with byebug
	# gem 'pry-doc' # Provide MRI Core documentation
	# gem 'pry-rails' # Causes rails console to open pry. `DISABLE_PRY_RAILS=1 rails c` can still open with IRB
	# gem 'pry-rescue' # Start a pry session whenever something goes wrong.
	# gem 'pry-theme' # An easy way to customize Pry colors via theme files
	# end

	// 1. Go to page https://www.linkedin.com/settings/email-frequency
	// 2. You may need to login
	// 3. Open JS console
	// ([How to?](http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers))
	// 4. Copy the following code in and execute
	// 5. No more emails
	//
	// Bookmarklet version:
	// http://chengyin.github.io/linkedin-unsubscribed/

	# config/initializers/omnicontacts.rb

	Rails.application.middleware.use OmniContacts::Builder do
	importer :live, 'client_id', 'client_secret', {redirect_path: "/invitations/live/contact_callback"}
	end


	class OmniContacts::Importer::Live < OmniContacts::Importer::Hotmail
	def initialize *args
	super *args

	# Change Java Runtime:
	sudo update-alternatives --config java

	# Delete Open-JDK
	sudo apt-get purge openjdk-\* icedtea-\* icedtea6-\*

	# Change fonts - remove hinting:
	http://askubuntu.com/questions/32624/ugly-fonts-in-netbeans-how-can-i-make-it-use-the-system-font

	# Change RubyMine AntiAliasing first: