Daniel Bayley danielbayley

Mac OS X Traffic Lights

Useful in Electron apps when the default title bar must be hidden. There are some slight issues with this rendering in browser, but it looks perfect inside Electron :)

A Pen by atdrago on CodePen.

License.

How to create small, unique tokens in Ruby

That is is basically a "fork" of blog article i'm constantly returning to. It seems that the blog is down:

My choice: Dave Bass’s rand().to_s() trick

Dave Bass proposed this which I picked up for my implementation (here for an 8-chars token):

Instructions

CloudFlare is an awesome reverse cache proxy and CDN that provides DNS, free HTTPS (TLS) support, best-in-class performance settings (gzip, SDCH, HTTP/2, sane Cache-Control and E-Tag headers, etc.), minification, etc.

Make sure you have registered a domain name.
Sign up for CloudFlare and create an account for your domain.
In your domain registrar's admin panel, point the nameservers to CloudFlare's (refer to this awesome list of links for instructions for various registrars).
From the CloudFlare settings for that domain, enable HTTPS/SSL and set up a Page Rule to force HTTPS redirects. (If you want to get fancy, you can also enable automatic minification for text-based assets [HTML/CSS/JS/SVG/etc.], which is a pretty cool feature if you don't want already have a build step for minification.)
If you

Processing JSON using jq

jq is useful to slice, filter, map and transform structured json data.

Installing jq

On Mac OS

brew install jq

CSS Media Queries: Best Practices

Media queries have many features, but min-width is the most practical one, the one you should assume to use most of the time.
Only use em within media query definitions, never pixels.
Until there's wider rem support within media query, rem should be avoided in media query definitions as well.
Assuming mobile is 320px and the body font size is 16px, then the breakpoint indicating mobile width in profile orientation would be 20em (320/16).
Choose breakpoint values to serve the content, not to serve device deminsions.
Never use media queries to define styles for the smallest viewport size.
Use media queries to “enhance” or add or alter styles when the browser has a wider (or taller) vi

Can't share the complete code because the app's closed source and still in stealth mode, but here's how I'm using React Router and Redux in a large app with server rendering and code splitting on routes.

Server

Wildcard Express route configures a Redux store for each request and makes an addReducers() callback available to the getComponents() method of each React Router route. Each route is responsible for adding any Redux reducers it needs when it's loaded. (This isn't really necessary on the

JXA Resources

Revised: 2019-11-28 16:16 GMT-6

This is a list of the key resources I have found useful. If you know of others, please post in a comment below, and I will add to this list.

I have tried to order this list in the order that, to me, is best for learning JXA from scratch. We all learn a bit diferently, so adjust to suit your style/needs. Please post if you have suggestions on learning JXA.

	//
	// JXAReader.js
	//
	// Created by uchcode on 2016/05/28.
	// Copyright © 2016 uchcode. All rights reserved.
	//

	function read(fname) {
	function LibPath(fname, resourcePath) {
	return $(resourcePath + '/Script Libraries/' + fname).stringByStandardizingPath.js

	license: gpl-3.0
	height: 960

	license: gpl-3.0
	height: 960