Daniel Fosco dfosco

an adaptive, intent based CLI "state machine"

one realization from working on Netlify's CLI is that the CLI framework we used, oclif, didn't provide a great user experience out of the box.

Emphasis on great: it does a lot of nice things, like offering flag and argument parsing, help documentation, and pluggability. That's good for the CLI developer. But what about the CLI user?

Idiomatic oclif code often checks for required preconditions, and if it doesn't exist, it prints a warning and then process.exit(1).
Decent code prints a helpful warning telling the user what they got wrong. It is informative.
Better code offers a prompt, creates a file, or something similar to solve the precondition before proceeding. (possibly recursively). It is intent-based.
Great code remembers past inputs to prompts and uses that to offer useful defaults. It is adaptive.

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	# Disallow the Amazon AI bot.
	User-agent: Amazonbot
	Disallow: /

	# Disallow the Anthropic AI bot.
	User-agent: anthropic-ai
	Disallow: /

	# Disallow the Apple Intelligence bot.
	User-Agent: Applebot

	#! /usr/bin/env ruby

	# NOTE: Requires Ruby 2.1 or greater.

	# This script can be used to parse and dump the information from
	# the 'html/contact_info.htm' file in a Facebook user data ZIP download.
	#
	# It prints all cell phone call + SMS message + MMS records, plus a summary of each.
	#
	# It also dumps all of the records into CSV files inside a 'CSV' folder, that is created

	.random-color {
	border-top-color: "LightCoral";
	border-right-color: #a44b58;
	border-bottom-color: rgb(108, 188, 134);
	border-left-color: rgb(24%, 88%, 5%);
	outline-top-color: hsl(88, 69%, 69%);
	outline-right-color: rgba(220, 71, 132, 0.69);
	outline-bottom-color: rgba(79%, 47%, 14%, 0.37);
	outline-left-color: hsla(111, 31%, 38%, 0.86);
	}

	<div id="inventory">
	<h3>Inventory Available</h3>
	{% assign options1 = product.variants \| map: "option1" %}
	<table>
	<tr>
	{% if product.options.size > 1 %}<th> </th>{% endif %}
	{% assign options1Filtered = '' %}
	{% for option1 in options1 %}
	{% assign option1Space = option1 \| prepend: ', ' %}
	{% unless options1Filtered contains option1Space %}

	require "siteleaf"
	require "yaml"

	# API settings
	Siteleaf.api_key = '...'
	Siteleaf.api_secret = '...'

	# site settings
	site_id = '...'
	page_id = '...' # blog page to import posts into