Ara L Abcarians ItsMeAra

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!

Updated:

Aug, 08, 2022 update config docs for npm 8+
Jul 27, 2021 add private scopes
Jul 22, 2021 add dist tags
Jun 20, 2021 update for --access=public
Sep 07, 2020 update docs for npm version

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = [email protected]:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

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).

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	function traverseFileTree(item, path) {
	path = path \|\| "";
	if (item.isFile) {
	// Get file
	item.file(function(file) {
	console.log("File:", path + file.name);
	});
	} else if (item.isDirectory) {
	// Get folder contents
	var dirReader = item.createReader();

	// --------------------------------------------------
	// Flexbox LESS mixins
	// The spec: http://www.w3.org/TR/css3-flexbox
	// --------------------------------------------------

	// Flexbox display
	// flex or inline-flex
	.flex-display(@display: flex) {
	display: ~"-webkit-@{display}";
	display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox

	function go() {
	var userId = prompt('Username?', 'Guest');
	checkIfUserExists(userId);
	}

	var USERS_LOCATION = 'https://SampleChat.firebaseIO-demo.com/users';

	function userExistsCallback(userId, exists) {
	if (exists) {
	alert('user ' + userId + ' exists!');

	const Application = ((d) => {
	const privateVariable = 'Private content'

	const __private = {
	cache: () => {
	this.link = d.querySelector('.link')
	},

	bind: () => {
	this.link.addEventListener('click', this.showContent, false)

	#!/usr/bin/env python

	#install the follow first:

	#sudo easy_install pip

	#sudo pip install -U boto

	#sudo pip install configparser