Jordyn Marcellus JordynMarcellus

Keybase proof

I hereby claim:

I am jordynmarcellus on github.
I am jordynecobee (https://keybase.io/jordynecobee) on keybase.
I have a public key ASB85mdtV-qarH54t5f5VTGNK5J88SI5SuMmg-dPT6nMJgo

To claim this, I am signing this object:

`Array<T>`

Legend:

✏️ method changes this.
🔒 method does not change this.

Array<T>.prototype.*:

concat(...items: Array): T[] 🔒 ^ES3

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

⇐ 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

date	wti_oil_price	wcs_oil_price	alberta_unemployment	part_time_employment	full_time_employment	all_employment
1/1/2009	41.71	29.97	4.9	356800	1702700	2059500
2/1/2009	39.09	31.71	5.4	363400	1678800	2042200
3/1/2009	47.94	40.76	5.9	360200	1676600	2036800
4/1/2009	49.65	43.76	6.1	370500	1666300	2036800
5/1/2009	59.03	51.64	7	367100	1659200	2026300
6/1/2009	69.64	61.18	6.8	364600	1660000	2024600
7/1/2009	64.15	54.45	7.1	361900	1660300	2022200
8/1/2009	71.05	60.57	7.3	373800	1641100	2014900
9/1/2009	69.41	59.52	6.8	357500	1668700	2026200

	const puppeteer = require('puppeteer')
	const URL = "http://app.toronto.ca/lobbyistsearch/searchInput.do"


	const lobbyistRegistrarScraper = async function() {
	const browser = await puppeteer.launch({headless: false})
	const browserPage = await browser.newPage()
	await browserPage.goto(URL)
	const element = await browserPage.$('[href="/lobbyistsearch/searchInput.do"')
	await element.click()


	var webpack = require('webpack');
	var ExtractTextPlugin = require('extract-text-webpack-plugin');
	var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
	var plugins = [new ExtractTextPlugin('bundle.css')]; // set the output destination for the bundled css file

	if (process.env.NODE_ENV === 'production') { // when set the env to 'production', the 'bundle.js' file will be minified
	plugins.push(new UglifyJsPlugin({
	minimize: true,
	compress: {


	var webpack = require('webpack');
	var ExtractTextPlugin = require('extract-text-webpack-plugin');
	var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
	var plugins = [new ExtractTextPlugin('bundle.css')]; // set the output destination for the bundled css file

	if (process.env.NODE_ENV === 'production') { // when set the env to 'production', the 'bundle.js' file will be minified
	plugins.push(new UglifyJsPlugin({
	minimize: true,
	compress: {

	<!DOCTYPE html>
	<head>
	<title>Alberta employment and oil prices in WTI and WCS</title>
	<style>
	rect {
	fill: #8e44ad
	}
	rect:hover {
	fill: #2ecc71
	}

	<!DOCTYPE html>
	<head>
	<title>Alberta employment and oil prices in WTI and WCS</title>
	</head>
	<body>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
	<script type="text/javascript">

	var svg = d3.select("body")