View params.js
// Could be any query string
var parameters =;
var parametersObject = parameters
// Skip the "?" at the beginning of the string
// Split into an array of individual parameters
// Split each parameter into an array of its key and value
View Preferences.sublime-settings
View rcomp.sublime-snippet
<content><![CDATA[import React, { Component } from 'react'
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom'
const mapStateToProps = (state, ownProps) => {
return {
location: ownProps.location
View nginx.conf
location ~* \.(woff)$ {
add_header Content-Type "application/font-woff";
location ~* \.(otf)$ {
add_header Content-Type "application/font-sfnt";
location ~* \.(eot)$ {
add_header Content-Type "application/";
location ~* \.(ttf)$ {
View generate-codes.rb
# How many codes to make
quantity = 30000
# Path to the file to be written
dest_file = 'codes.csv'
codes = []
quantity.times do
codes << "#{SecureRandom.hex(6)}".upcase
View Gruntfile.automated.js
const path = require('path')
module.exports = function(grunt) {
const config = {
browserify: {
options: {
transform: [
['babelify', { presets: ['es2015', 'es2016'] }]


Tktk short for "To Come" in publishing is a simple placeholder highlighting library. Load this file on your latest project to highlight all the areas that still need copy, links, or final imagery. To highlight items, simply do one of the following:

Images: Either add a tktk class to the img tag or add #tktk to the image source.

Copy: Either add a tktk class to the element, or start the copy with "tktk"

For all elements that are "to come", copy will be highlighted in a nice, obvious magenta and images bordered in a 2px magenta border (using box-shadow so as not to affect layout).



foo bar baz qux

#Required Output

Hello Foo
Hello Bar
Hello Baz
Hello Qux
View app.jsx
// Destructure the Provider component and connect method from the
// react-redux module. The component wraps your React application in
// the code necessary to work properly with state and prop updates
// from Redux. The connect method allows you to connect individual
// React components to Redux for Redux store to prop mapping.
import { Provider, connect } from 'react-redux'
// Destructure the createStore method from the core redux module
// This method allows you to create your global store to house all your
// state values and your reducers to update state values
import { createStore } from 'redux'

Embedded SVG Helper

A simple helper function that makes inline SVG embedding simple! Just add the asset_helpers.rb file to your Middleman project's helpers folder and it will automatically be loaded and made available to you in your templates. From there, simply call:

<%= embedded_svg("my-asset.svg") %>

And your SVG asset content will be embedded inline in your template. You can also pass the following options to the helper to add additional attributes to the SVG tag itself: