Marcelo Ribeiro marcelo-ribeiro

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

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?

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({
    bar = 'no',
    baz = 'works!'
  } = {}) {

	/**
	* A simple javascript script to get the lastest images from your instagram account.
	* Require an app to acess instagram api in order to get the access_token and user_id
	* Require jquery for the ajax and dom manipulation
	*/
	var settings = {
	user : 'ENTER_YOUR_USER_ID_HERE',
	access_token : 'ENTER_YOUR_USER_ACCESS_TOKEN_HERE'
	};

	function tattoo_submit() {

	if (isset($_POST["addtattoo"])) {

	$title = "Tattoo : ". $_POST["tatooInput"];

	$my_post = array(
	'post_title' => $title,
	'post_status' => 'publish',
	'post_author' => 1,

	# Run this in an elevated PowerShell prompt
	<# This script worked on a fresh Windows Server 2012 VM in Azure and the following were the latest versions of each package at the time:
	* Chocolatey 0.9.8.27
	* java.jdk 7.0.60.1
	* apache.ant 1.8.4
	* android-sdk 22.6.2
	* cordova 3.5.0-0.2.6
	* nodejs.install 0.10.29
	#>
	# Note: there is one bit that requires user input (accepting the Android SDK license terms)

	var getPosition = function (options) {
	return new Promise(function (resolve, reject) {
	navigator.geolocation.getCurrentPosition(resolve, reject, options);
	});
	}

	getPosition()
	.then((position) => {
	console.log(position);
	})

	function filter_ptags_on_images($content) {
	$content = preg_replace('/<p>\s(<a .>)?\s(<img . \/>)\s(<\/a>)?\s<\/p>/iU', '\1\2\3', $content);
	return preg_replace('/<p>\s(<iframe .>.<\/iframe>)\s<\/p>/iU', '\1', $content);
	}
	add_filter('the_content', 'filter_ptags_on_images');

-// Example: https://codepen.io/marcelo-ribeiro/pen/OJmVOyW
-const accentsMap = new Map([
-  ["A", "Á|À|Ã|Â|Ä"],
-  ["a", "á|à|ã|â|ä"],
-  ["E", "É|È|Ê|Ë"],
-  ["e", "é|è|ê|ë"],
-  ["I", "Í|Ì|Î|Ï"],
-  ["i", "í|ì|î|ï"],
-  ["O", "Ó|Ò|Ô|Õ|Ö"],