Daryn St. Pierre bloqhead

JIC Stylesheets

a JS-in-CSS stylesheet format and mixin guideline

Everything in a JIC stylesheet revolves around the use of a very special pair of brackets that look like this ${}. They open with a ${, and close with a }. In a JIC stylesheet everything outside these brackets is CSS, and everything inside these brackets is JavaScript.

You might think of it as a CSS stylesheet that functions like a JavaScript template string, because in the end that's how it will be interpreted.

When you combine CSS and JavaScript this way, you are able to leverage the 100% of the features of CSS, and add 100% of the features of JavaScript to it. There are many ways CSS and JavaScript can communicate, using a JIC-formatted stylesheet is one of the most flexible and succinct syntaxes for expressing your styles. And makes it very easy to extend the features of CSS by writing simple JavaScript functions called called 'JIC mixins'.

To show you what this idea is all, about let's look at a small example. Here is

QSS - Simple Query Syntax

The goal of QSS is to define a simple syntax for specifying element queries by adding a new ending part between a CSS selector list and the block of rules that help define the breakpoints when those rules are to apply.

Normally in CSS you have something like this:

selectorList { block }

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Install Signal Desktop as a standalone app, without Chrome dependency *

UPD 2: Official standalone Signal Desktop is released!
Install official Signal Desktop, old version and this guide using it should now be considered deprecated.

UPD 1: There is now an easier way with automatic Signal Desktop installer, which also keeps Signal updated.

#Use this URL to get your client authorized for Instafeed.JS plugin for Instagram.

First login into your Instargam account
Then go to https://www.instagram.com/developer/
At the top click on the Button that says "Manage Clients".
If you have not Register a new client.
Fill out everything and where it says redirect url put this url: http://instafeedjs.com
Then on the security tab make sure you uncheck "Disable implicit OAuth"
Finally use this link to authoruize Instafeed. Where it says "[Client ID]" replace that including the brackets with your clientID from instagram:
https://instagram.com/oauth/authorize/?client_id=[Client ID]&redirect_uri=http://instafeedjs.com&response_type=token

Extracting Emoji From Slack!

Slack doesn't provide an easy way to extract custom emoji from a team. (Especially teams with thousands of custom emoji) This Gist walks you through a relatively simple approach to get your emoji out.

If you're an admin of your own team, you can get the list of emoji directly using this API: https://api.slack.com/methods/emoji.list. Once you have it, skip to Step 3

HOWEVER! This gist is intended for people who don't have admin access, nor access tokens for using that list.

Follow along...

	function cibc2csv() {
	var table = document.querySelector('table.smart-account')
	var csv = ''
	var head = []
	var row = []

	// read header cells
	table.querySelectorAll('thead th').forEach(th => {
	head.push(`${trim(th.textContent)}`)
	})

	function formatBytes(bytes,decimals) {
	if(bytes == 0) return '0 Bytes';
	var k = 1024,
	dm = decimals \|\| 2,
	sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
	i = Math.floor(Math.log(bytes) / Math.log(k));
	return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
	}

	// Usage:

	gem uninstall sass-globbing
	gem install sass-globbing -v 1.1.0