Bruno Pulis brunopulis

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?

HTML Style Guide

All rules and guidelines in this document apply to HTML files.

The keywords "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" in this document are to be interpreted as described in RFC 2119.

Icon Legend:

· Space, ⇥ Tab, ↵ Enter/Return

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

Teste para projetos responsivos

Problema

Testar/verificar a disposição dos elementos de uma determinada página em determinadas resoluções de tela.

Solução

Executar captura de telas de acordo com os viewports definidos em um script, com a ajuda do PhantomJS.

Necessário ter o NodeJS instalado.

	Use: for testing against email regex
	ref: http://codefool.tumblr.com/post/15288874550/list-of-valid-and-invalid-email-addresses


	List of Valid Email Addresses

	[email protected]
	[email protected]
	[email protected]
	[email protected]

	# first:
	lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \| while read f; do sudo rm /usr/local/${f}; done
	sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*

	# To recap, the best way (I've found) to completely uninstall node + npm is to do the following:

	# go to /usr/local/lib and delete any node and node_modules
	cd /usr/local/lib
	sudo rm -rf node*

	<?php
	/*
	* Portfolio - Custom Post Type for portfolio projects
	*/
	$portfolio = new Odin_Post_Type(
	'Portfolio', // Nome (Singular) do Post Type.
	'portfolio' // Slug do Post Type.;
	);

	$portfolio->set_labels(

	#!/usr/bin/env sh

	# first check to see if mongo service is running. you can't delete any files until the service stops so perform a quick check.
	launchctl list \| grep mongo
	# NOTE: the pipe \| symbol means the commands on the right performs on the output from the left
	# grep is a string search utility. `grep mongo` means search for the substring mongo

	# use the unload command to end the mongo service. this is required to 'unlock' before removing the service.
	# first look for the file to delete
	MONGO_SERVICE_FILE=$(ls ~/Library/LaunchAgents/mongodb)

	window.echo = (function (window, document) {
	'use strict';

	var Echo = function (elem) {
	this.elem = elem;
	this.render();
	this.listen();
	};

	var echoStore = [];

	<!DOCTYPE html>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="robots" content="noodp, noydir" />

	<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
	<link rel="canonical" href="http://mysite.com/" />
	<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />