Skip to content

Instantly share code, notes, and snippets.

View JordynMarcellus's full-sized avatar

Jordyn Marcellus JordynMarcellus

View GitHub Profile

Array<T>

Legend:

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

Array<T>.prototype.*:

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

Gradient shadow in pure CSS

alt text

HTML
<button>Let's Go !</button>
@JordynMarcellus
JordynMarcellus / SCSS.md
Created July 19, 2017 22:41 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

⇐ 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

@JordynMarcellus
JordynMarcellus / webpack.config.js
Created June 15, 2017 11:14
webpack config file for stylus and postcss
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: {
@JordynMarcellus
JordynMarcellus / webpack.config.js
Created June 15, 2017 11:14
webpack config file for stylus and postcss
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: {