John Serrao jserrao

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

😄

OBSOLETE

This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.

I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.

Fixing npm On Mac OS X for Homebrew Users

Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.

Git Submodules basic explanation

Why submodules?

In Git you can add a submodule to a repository. This is basically a repository embedded in your main repository. This can be very useful. A couple of usecases of submodules:

Separate big codebases into multiple repositories.

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:`

	# Edit this file
	alias aliases="nano ~/.bash_profile" # usage: type `aliases` in Terminal

	# Navigate to location
	alias home="cd ~"
	alias desktop="cd ~/Desktop/"
	alias repos="cd ~/Documents/Repos/"

	# Navigate to project directory
	alias ds="clear && cd ~/Documents/Repos/design-system"

	/*

	Based on: http://wordpress.stackexchange.com/questions/42652/#answer-42729

	These functions provide a simple way to interact with TinyMCE (wp_editor) visual editor.
	This is the same thing that WordPress does, but a tad more intuitive.
	Additionally, this works for any editor - not just the "content" editor.

	Usage:


	var E_PREFIX_RATE = 0.25;

	// All of our word lists:
	var _word_lists = {

	verb : [
	"implement", "utilize", "integrate", "streamline", "optimize", "evolve", "transform", "embrace",
	"enable", "orchestrate", "leverage", "reinvent", "aggregate", "architect", "enhance", "incentivize",
	"morph", "empower", "envisioneer", "monetize", "harness", "facilitate", "seize", "disintermediate",

	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #

	function my_acf_load_field($field) {
	$field['choices'] = array();

	$post_type = 'xxxPOST-TYPE-NAMExxx'; // post type name
	$acf_field_id = 'xxxACF-FIELD-IDcxxx'; //eg: field_52129dt7c49dd
	$global_offset = 500; // whatever you want your looping offset to be
	$num_props = wp_count_posts($post_type)->publish;
	$num_props_pages = (intval($num_props/$global_offset)) + 1;
	$offset_props = 0;